finalizando sessao destaques

index.html

@@ -37,28 +37,57 @@
     </nav>
   </header>
   <main class="grid container">
-    <section id="featured" class="gird grid-flow-col">
-      <div class="card">
-        <img src="assets/images/Image 01.png" alt="">
-      </div>
-
-      <figure class="grid grid-cols-2">
-        <img src="assets/images/Image 02.png" alt="">
-        <figcaption>
+    <section id="featured" class="gird grid-flow-col gap-16">
+      <figure class="card">
+        <img src="assets/images/Image 01.png" alt="Robôs domésticos começam a ser adotados para tarefas diárias, prometendo mais conforto e eficiência nas residências.">
+         <figcaption>
           <span class="content-tag">ROBÓTICA</span>
           <h2 class="text-2xl">
             Robôs domésticos começam a ser adotados para tarefas diárias, prometendo mais conforto e eficiência nas residências.
           </h2>
         </figcaption>
       </figure>
+    <div class="grid grid-cols-2 gap-16"> 
+      <figure class="card">
+        <img src="assets/images/Image 02.png" alt="Novo Smartphone Projetor 3D chega ao mercado, transformando a forma como vemos nossas telas!">
+        <figcaption>
+          <span class="content-tag">Hologramas</span>
+          <h2 class="text-lg">
+            Novo Smartphone Projetor 3D chega ao mercado, transformando a forma como vemos nossas telas!
+          </h2>
+        </figcaption>
+      </figure>
 
-      <div>
-        <img src="assets/images/Image 03.png" alt="">
-      </div>
+      <figure class="card">
+        <img src="assets/images/Image 03.png" alt="Tecnologia 6G chega às metrópoles brasileiras, prometendo revolucionar a forma como vivemos e nos comunicamos.">
+         <figcaption>
+          <span class="content-tag">Internet</span>
+          <h2 class="text-lg">
+           Tecnologia 6G chega às metrópoles brasileiras, prometendo revolucionar a forma como vivemos e nos comunicamos.
+          </h2>
+        </figcaption>
+      </figure>
 
-      <div>
-        <img src="assets/images/Image 04.png" alt="">
-      </div>
+      <figure class="card">
+        <img src="assets/images/Image 04.png" alt="Empresa lança relógio inteligente capaz de monitorar a saúde mental, oferecendo insights valiosos para o bem-estar pessoal.">
+         <figcaption>
+          <span class="content-tag">Vestíveis</span>
+          <h2 class="text-lg">
+            Empresa lança relógio inteligente capaz de monitorar a saúde mental, oferecendo insights valiosos para o bem-estar pessoal.
+          </h2>
+        </figcaption>
+      </figure>
+
+      <figure class="card">
+        <img src="assets/images/Image 05.png" alt="Escolas adotam a tecnologia VR para proporcionar experiências imersivas, transformando a aprendizagem tradicional.">
+         <figcaption>
+          <span class="content-tag">Realidade Virtual</span>
+          <h2 class="text-lg">
+           Escolas adotam a tecnologia VR para proporcionar experiências imersivas, transformando a aprendizagem tradicional.
+          </h2>
+        </figcaption>
+      </figure>
+    </div>
 
 
     </section>

styles/sections.css

@@ -19,6 +19,9 @@
       bottom: 0;
 
       padding: 24px;
+      &:has(.text-lg) {
+        padding: 12px;
+      }
 
       h2 {
         margin-top: 8px;