feat: aula 7.4

storefront/store/blocks/pages/home/home.jsonc

@@ -41,12 +41,11 @@
 
     "flex-layout.col#conteudo-meio":{
         "props":{
-            "blockClass":"conteudo-meio"
+            "blockClass":"conteudo-meio",
+            "preventVerticalStretch":"auto"
         },
         "children":[
             "rich-text#texto-meio",
-            "rich-text#texto-meio-2",
-            "rich-text#texto-meio-3",
             "link#link-meio"
 
         ]
@@ -54,19 +53,8 @@
 
     "rich-text#texto-meio": {
         "props": {
-            "text": "Sub Titulo"
-        }
-    },
-
-    "rich-text#texto-meio-2": {
-        "props": {
-            "text": "Titulo"
-        }
-    },
-
-    "rich-text#texto-meio-3": {
-        "props": {
-            "text": "Descrição"
+            "blockClass":"text-meio",
+            "text": "***Sub Titulo*** \n  **Titulo** \n Descrição"
         }
     },
 

storefront/styles/sass/pages/home/vtex.flex-layout.scss

@@ -0,0 +1,23 @@
+.flexRow--faixa-de-imagens{
+    margin-top: 25px;
+    width: 100%;
+    :global(.vtex-store-components-3-x-imageElement--imagem){
+        height: 100%;
+        width: 100%;
+
+    }
+    .stretchChildrenWidth{
+        margin: 0px 8px;
+    }
+}
+.flexCol--faixa-de-imagens{
+    position: relative;
+    .flexCol--conteudo-meio {
+        position: absolute;
+        inset: 0;
+    }
+    .flexCol--conteudo-meio{
+        justify-content: center;
+        text-align: center;
+    }
+}

storefront/styles/sass/pages/home/vtex.rich-text.scss

@@ -0,0 +1,13 @@
+.container--text-meio{
+    justify-content: center;
+    .paragraph--text-meio{
+        color:black;
+        font-size: 15px;
+        .strong--text-meio{
+            font-size: 25px;
+        }
+        .italic--text-meio{
+            font-size: 20px;
+        }
+    }
+}

storefront/styles/sass/pages/home/vtex.store-link.scss

@@ -0,0 +1,8 @@
+.link--link-meio{
+    font-size: 25px;
+    color: black;
+    text-decoration: line-through;
+    padding: 15px;
+    border-radius: 25%;
+    background-color: white;
+}