generated from inherentlee/11ty
inset image css
This commit is contained in:
24
css/main.css
24
css/main.css
@ -175,3 +175,27 @@ footer a:visited {
|
|||||||
aspect-ratio: 40 / 9;
|
aspect-ratio: 40 / 9;
|
||||||
object-fit: cover;
|
object-fit: cover;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.inset-left,
|
||||||
|
.inset-right {
|
||||||
|
margin-bottom: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* only float on larger screens */
|
||||||
|
@media (min-width: 551px) {
|
||||||
|
.inset-left,
|
||||||
|
.inset-right {
|
||||||
|
clear: both;
|
||||||
|
width: 40%;
|
||||||
|
margin: .5rem 0;
|
||||||
|
}
|
||||||
|
.inset-left {
|
||||||
|
float: left;
|
||||||
|
margin-right: 1rem;
|
||||||
|
}
|
||||||
|
.inset-right {
|
||||||
|
float: right;
|
||||||
|
margin-left: 1rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user