Some CSS fixes

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;
+  }
+}