add comps images

VladimirSaenko · Mar 22, 2021 · f8c81aa · f8c81aa
1 parent 495ba84
commit f8c81aa
Show file tree

Hide file tree

Showing 6 changed files with 14 additions and 1 deletion.
diff --git a/images/computer1.jpg b/images/computer1.jpg
diff --git a/images/computer2.jpg b/images/computer2.jpg
diff --git a/images/computer3.jpg b/images/computer3.jpg
diff --git a/images/computer4.jpg b/images/computer4.jpg
diff --git a/index.html b/index.html
@@ -17,6 +17,7 @@
             <li>Mobile</li>
             <li>Shoe</li>
             <li>Watch</li>
+            <li>Computer</li>
         </ul>
         <div class="product">
             <div class="itemBox" data-item="camera">
@@ -79,6 +80,18 @@
             <div class="itemBox" data-item="watch">
                 <img src="images/watch4.jpg" alt="watch4"></img>
             </div>
+            <div class="itemBox" data-item="computer">
+                <img src="images/computer1.jpg" alt="computer1"></img>
+            </div>
+            <div class="itemBox" data-item="computer">
+                <img src="images/computer2.jpg" alt="computer2"></img>
+            </div>
+            <div class="itemBox" data-item="computer">
+                <img src="images/computer3.jpg" alt="computer3"></img>
+            </div>
+            <div class="itemBox" data-item="computer">
+                <img src="images/computer4.jpg" alt="computer4"></img>
+            </div>
         </div>
     </div>
     <script src="scripts/filterscript.js"></script>

diff --git a/style.css b/style.css
@@ -71,7 +71,7 @@
     visibility: hidden;
 }
 
-@media(max-width:400px) {
+@media(max-width: 600px) {
     .container ul {
         align-items: center;
         flex-wrap: wrap;