Add padding to the random divs

ssimkani · Mar 2, 2024 · 87042ff · 87042ff
1 parent 71e7098
commit 87042ff
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 5 deletions.
diff --git a/index.html b/index.html
@@ -42,22 +42,22 @@ <h2>Some random information.</h2>
         <div class="random-info">
 
             <div class="img-text">
-                <div class="image">placeholder text</div>
+                <div class="image"></div>
                 <p>Illustration  subtext of image</p>
             </div>
 
             <div class="img-text">
-                <div class="image">placeholder text</div>
+                <div class="image"></div>
                 <p>Illustration  subtext of image</p>
             </div>
 
             <div class="img-text">
-                <div class="image">placeholder text</div>
+                <div class="image"></div>
                 <p>Illustration  subtext of image</p>
             </div>
 
             <div class="img-text">
-                <div class="image">placeholder text</div>
+                <div class="image"></div>
                 <p>Illustration  subtext of image</p>
             </div>
         </div>

diff --git a/style.css b/style.css
@@ -96,12 +96,14 @@ h1 {
 .random{
     display: flex;
     flex-direction: column;
+    gap: 20px;
+    padding-bottom: 100px
 }
 
 .random .random-info {
     display: flex;
     justify-content: center;
-    gap: 100px;
+    gap: 50px;
 }
 
 .img-text {
@@ -111,6 +113,7 @@ h1 {
 .random-info p {
     color: #1F2937;
     font-size: 18px;
+    width: 150px;
 }
 .random h2 {
     font-size: 36px;
@@ -119,6 +122,13 @@ h1 {
     text-align: center;
 }
 
+.image {
+    height: 150px;
+    width: 150px;
+    border: solid #3882F6;
+    border-radius: 10px;
+    border-width: 3px;
+}
 
 /* Random */