mirror of
https://github.com/welpo/tabi.git
synced 2025-10-11 07:46:15 +02:00
📱 feature: responsive (and centered) images
This commit is contained in:
parent
d653f5b281
commit
9242fa4389
1 changed files with 8 additions and 0 deletions
|
@ -3,12 +3,20 @@ figure {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
|
height: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
figure img {
|
figure img {
|
||||||
max-height: 500px;
|
max-height: 500px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
img {
|
||||||
|
display: block;
|
||||||
|
margin: 0 auto;
|
||||||
|
max-width: 100%;
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
|
||||||
@media screen and (min-width: 600px) {
|
@media screen and (min-width: 600px) {
|
||||||
figure {
|
figure {
|
||||||
padding: 0 40px;
|
padding: 0 40px;
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue