responsividade grande

Gustavo-erades · Sep 14, 2023 · 5ffd170 · 5ffd170
1 parent b843736
commit 5ffd170
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 4 deletions.
diff --git a/css/style.css b/css/style.css
@@ -506,6 +506,11 @@ div.promocoes-semana h4.dia-semana{
         font-size: 1.1em;
     }
 }
+@media (min-width:767.98px) and (max-width:1199.98px){
+    #vegetariana-lg p{
+        margin-bottom: 0;
+    }
+}
 @media (min-width:990.98px) and (max-width:1199.98px){
     div#carousel-controles-especial br{
         display: none;
@@ -532,6 +537,11 @@ div.promocoes-semana h4.dia-semana{
         font-size: 1.5em;
     }
 }
+@media (min-width:1200px){
+    #vegetariana-lg{
+        margin-bottom: 8px;
+    }
+}
 section#promocao-titulo{
     padding-top: 20px;
     padding-bottom:20px

diff --git a/index.html b/index.html
@@ -691,17 +691,17 @@ <h4>R$ 35,00</h4>
                             <!-- fim -->
                             <div class="carousel-item cartao-pizza" >
                                 <div class="row" >
-                                    <div class="col-md-4 pizza">
+                                    <div class="col-md-4 pizza" id="vegetariana-lg">
                                         <div>
                                             <img src="./imagens/vegetariana.png" width="200px" alt="ícone de pizza" class="img-fluid">
                                             <h3>Vegetariana</h3>
-                                            <p class="mb-0">
+                                            <p>
                                                 molho, mussarela, tomate, milho, palmito, azeitona, pimentão, brócolis, cebola e orégano
                                             </p>
                                             <h4>R$ 40,00</h4>
                                         </div>
                                     </div>
-                                    <div class="col-md-4 pizza">
+                                    <div class="col-md-4 pizza" id="napolitana-lg">
                                         <div>
                                             <img src="./imagens/Napolitana.png" width="200px" alt="ícone de pizza" class="img-fluid">
                                             <h3>Napolitana</h3>
@@ -711,7 +711,7 @@ <h3>Napolitana</h3>
                                             <h4>R$ 35,00</h4>
                                         </div>
                                     </div>
-                                    <div class="col-md-4 pizza">
+                                    <div class="col-md-4 pizza" id="milho-verde-lg">
                                         <div>
                                             <img src="./imagens/Milho.png" width="200px" alt="ícone de pizza" class="img-fluid">
                                             <h3>Milho Verde</h3>