S46GGXAUJL

Homework_6/Styles/style.css

@@ -83,23 +83,23 @@ img {
     bottom: 0px;
 }
 
-#burger:checked + .burger span {
+#burger:checked+.burger span {
     opacity: 0;
 }
 
-#burger:checked + .burger:before {
+#burger:checked+.burger:before {
     transition: transform .3s ease-in-out;
     transform: rotate(45deg);
     top: 7px;
 }
 
-#burger:checked + .burger:after {
+#burger:checked+.burger:after {
     transition: transform .3s ease-in-out;
     transform: rotate(-45deg);
     bottom: 7px;
 }
 
-#burger:checked ~ .nav-list {
+#burger:checked~.nav-list {
     transition: opacity .3s case-in-out;
     opacity: 1;
     visibility: visible;
@@ -154,7 +154,7 @@ img {
     min-width: 210px;
     width: 100%;
     padding: 10px;
-   justify-content: center;
+    justify-content: center;
 }
 
 .aside-left {
@@ -164,7 +164,7 @@ img {
 
 .aside-right {
     background: #9cb1c7;
-    
+
 }
 
 .main {
@@ -266,7 +266,7 @@ p {
     border: 2px solid black;
     border-radius: 25px 25px 0px 0px;
     background: #0e7f12;
-   
+
 }
 
 .holder>.item:first-child {
@@ -320,17 +320,22 @@ p {
 }
 
 @media(min-width: 1921px) {
-  .boxes {
-    justify-content: center;
-}
-  
+    .boxes {
+        justify-content: center;
+    }
+
     .box {
-    max-height: 600px;
-    max-width: 450px;
-  }
-    
+        max-height: 600px;
+        max-width: 450px;
+    }
+
 }
 
+
+
+
+
+
 @media(min-width: 1024px) {
     .burger {
         display: none;
@@ -349,7 +354,7 @@ p {
         padding-bottom: 0;
     }
 
-    .nav-item + .nav-item {
+    .nav-item+.nav-item {
         padding-left: 15px;
     }
 
@@ -366,30 +371,30 @@ p {
     }
 
     .pict {
-       height: 120px;
-       width: 120px;
+        height: 120px;
+        width: 120px;
     }
 
     .holder {
         height: 200px;
         width: 600px;
     }
-     
+
     .holder>.item:nth-child(3) {
         height: 98px;
         width: 198px;
     }
-    
+
     .holder>.item:nth-child(2) {
         height: 98px;
         width: 199px;
     }
-    
+
     .holder>.item:nth-child(4) {
         height: 98px;
         width: 199px;
     }
-    
+
     .item {
         height: 100px;
         width: 200px;
@@ -400,7 +405,7 @@ p {
     }
 
     p {
-       font-size: 12px;
+        font-size: 12px;
     }
 
     .btn {
@@ -416,16 +421,16 @@ p {
     }
 
     .pict {
-       height: 70px;
-       width: 70px;
+        height: 70px;
+        width: 70px;
     }
 
     h2 {
-      font-size: 14px;
+        font-size: 14px;
     }
 
     .btn {
         height: 20px;
         width: 40px;
     }
-}
+}