diff options
-rw-r--r-- | assets/index.css | 21 |
1 files changed, 17 insertions, 4 deletions
diff --git a/assets/index.css b/assets/index.css index 1fa9b34..3ee807b 100644 --- a/assets/index.css +++ b/assets/index.css @@ -20,7 +20,7 @@ li { font-family: windows; } .field { - width: 25%; + width: 20%; display: inline-block; padding-left: 4em; padding-right: 4em; @@ -52,7 +52,13 @@ marquee { display: block; margin-left: auto; margin-right: auto; - width: 30%; + max-width: 50%; +} + +#container { + margin-left: auto; + margin-right: auto; + width: 90%; } .logo { @@ -62,8 +68,7 @@ marquee { .box { background-color: whitesmoke; border: 5px solid darkcyan; - width: 60%; - text-align: center; + width: 80%; margin: auto; padding: 10px; } @@ -95,3 +100,11 @@ pre { :not(pre) > code { padding: 5px; } + +@media screen and (max-width: 1100px) { + .field { + width: 100%; + display: block; + padding: 0; + } +} |