diff --git a/css/main.css b/css/main.css index fb744b5..26b1e9b 100644 --- a/css/main.css +++ b/css/main.css @@ -175,3 +175,27 @@ footer a:visited { aspect-ratio: 40 / 9; 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; + } +}