diff --git a/assets/styles/main.css b/assets/styles/main.css
index 7345d0d..d3bde34 100644
--- a/assets/styles/main.css
+++ b/assets/styles/main.css
@@ -57,4 +57,32 @@ body{
 .top-infocard-image{
     width: 17%;
     padding: 0 0 178px;
+}
+
+.top-cards{   
+    display: grid;
+    grid-template-columns: repeat(3, 18%);
+    gap: 20px;
+    justify-content: center;
+    padding: 0 0 80px;
+}
+
+.top-card{
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    background: #FFFFFF;
+    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.23);
+}
+
+.top-card-image{
+    display: block;
+    padding: 36px 124px 0;
+}
+
+.top-card-description{
+    font-size: 16px;
+    line-height: 24px;
+    text-align: center;
+    padding: 26px;
 }
\ No newline at end of file
diff --git a/index.html b/index.html
index 8173df2..920f856 100644
--- a/index.html
+++ b/index.html
@@ -37,29 +37,29 @@
 
          </section>
 
-        <section>
-           <div>
-               <img src="./assets/images/top-card-01.png" alt="Image 1" />
+        <section class="top-cards">
+           <div class="top-card">
+               <img class="top-card-image" src="./assets/images/top-card-01.png" alt="Image 1" />
                
-               <p>
+               <p class="top-card-description" >
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. 
                </p>
 
            </div>
 
-           <div>
-               <img src="./assets/images/top-card-02.png" alt="Image 2" />
+           <div class="top-card">
+               <img class="top-card-image" src="./assets/images/top-card-02.png" alt="Image 2" />
 
-               <p>
+               <p class="top-card-description" >
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. 
                </p>
 
            </div>
 
-           <div>
-               <img src="./assets/images/top-card-03.png" alt="Image 3" />
+           <div class="top-card">
+               <img class="top-card-image" src="./assets/images/top-card-03.png" alt="Image 3" />
 
-               <p>
+               <p class="top-card-description" >
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. 
                </p>