diff --git a/styles/main.css b/styles/main.css index 40cba02..46c3d9d 100644 --- a/styles/main.css +++ b/styles/main.css @@ -218,9 +218,9 @@ article #gallery img { padding:0.65rem 0 0.65rem 1.15rem; position:relative; display:block; - - margin:auto; text-align:left; + margin:auto; + margin-bottom:1.5rem; } #info .info { @@ -285,11 +285,31 @@ article.painting .container .metadata span.content { font-size:0.9em; } -@media only screen and (max-width: 1200px) { - +@media only screen and (min-width:800px) and (max-width: 1200px) { + article.painting .container { + display:block; + } article.painting .container ul.metadata { - display:none; + position:relative; + columns:3; + width:80vw; + margin:auto; + margin-top:1rem; + } +} + +@media only screen and (max-width:800px) { + article.painting .container { + display:block; + } + + article.painting .container ul.metadata { + position:relative; + columns:2; + width:80vw; + margin:auto; + margin-top:1rem; } }