icon divs

Migreen06 · Oct 22, 2023 · 92e504d · 92e504d
1 parent a764c4b
commit 92e504d
Showing 1 changed file with 10 additions and 20 deletions.
diff --git a/index.html b/index.html
@@ -10,7 +10,6 @@
             margin: 0;
             padding: 0;
             background-image: url('images/green webpage background.webp');
-            background-repeat: no-repeat;
         }
 
         header {
@@ -28,15 +27,8 @@
         h2 {
             text-align:center;
             font-size:25px;
-            margin-top:100px;
-            padding: 80px;
-        }
-
-        p {
-            font-size: 28px;
-            line-height: 1.6;
-            margin: 20px;
-            text-align: center;
+            margin-top:50px;
+            padding: 30px;
         }
 
         footer {
@@ -48,16 +40,14 @@
         .box {
             float: left;
             padding: 10px;
-            background-color: red;            
-            text-align: center;
-            box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
+            box-sizing: 25%;
+            background-color: #ff0000b3;            
+            box-shadow: 0px 0px 10px #a4a0a080;
         }
 
         .icon-text {
             color: white;
             font-size: 25px;
-            margin-top:0;
-            display:flexbox;
             text-align:center;
         }
 
@@ -104,11 +94,11 @@ <h2>Previous Work</h2>
         <img src="icons/green picture.png" width="120px" alt="icon of picture frame">
         <img src="icons/computer.png" width="120px" alt="computer icon">
     </div>       
-    <div class="box">
-            <p class="icon-text">Videos</p>
-            <p class="icon-text">Animation</p>
-            <p class="icon-text">Classic</p>
-            <p class="icon-text">Gifs</p>
+    <div>
+        <p class="icon-text box">Videos</p>
+        <p class="icon-text box">Animation</p>
+        <p class="icon-text box">Classic</p>
+        <p class="icon-text box">Gifs</p>
     </div>
 </body>