diff --git a/resources/public/style.css b/resources/public/style.css index 394f050..01f8ae0 100644 --- a/resources/public/style.css +++ b/resources/public/style.css @@ -152,35 +152,11 @@ article { margin-left: auto; } -@media screen and (min-width: 1024px) { - article { - width: 800px; - } -} - -@media screen and (max-width: 1023px) { - article { - width: 90%; - } -} - .central-element { margin-right: auto; margin-left: auto; } -@media screen and (min-width: 1024px) { - .central-element { - width: 800px; - } -} - -@media screen and (max-width: 1023px) { - .central-element { - width: 90%; - } -} - article img { max-width: 100%; } @@ -227,12 +203,6 @@ pre { outline: 0px none transparent; } -@media screen and (min-width: 1024px) { - textarea { - width: 800px; - } -} - textarea { height: 500px; font-size: 1em; @@ -281,3 +251,18 @@ body { display: flex; min-height: 100vh; } + + +/* MEDIA QUERIES */ + +@media screen and (min-width: 1024px) { + textarea, article, .central-element { + width: 800px; + } +} + +@media screen and (max-width: 1023px) { + textarea, article, .central-element { + width: 90%; + } +}