forked from M3-Academy/challenge-landing-page
feature/home #1
@ -7,6 +7,7 @@
|
|||||||
color: #000000;
|
color: #000000;
|
||||||
}
|
}
|
||||||
/*Definindo estilos gerais*/
|
/*Definindo estilos gerais*/
|
||||||
|
.galeria-content,
|
||||||
.content,
|
.content,
|
||||||
.top-infocard,
|
.top-infocard,
|
||||||
.page-banner-principal-mobile,
|
.page-banner-principal-mobile,
|
||||||
@ -79,6 +80,7 @@
|
|||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
gap: 20px;
|
gap: 20px;
|
||||||
|
padding: 80px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.box{
|
.box{
|
||||||
@ -98,6 +100,12 @@
|
|||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/*Estilo da galeria*/
|
||||||
|
|
||||||
|
.galeria-content{
|
||||||
|
background: #E0E0E0;
|
||||||
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 1024px){
|
@media screen and (max-width: 1024px){
|
||||||
.page-banner-principal-mobile{
|
.page-banner-principal-mobile{
|
||||||
display: block;
|
display: block;
|
||||||
|
@ -58,6 +58,13 @@
|
|||||||
<figcaption class="box-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. </figcaption>
|
<figcaption class="box-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. </figcaption>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<!--Galeria de imagens-->
|
||||||
|
<div class="galeria-content">
|
||||||
|
<figure><img src="" alt=""></figure>
|
||||||
|
<figure><img src="" alt=""></figure>
|
||||||
|
<figure><img src="" alt=""></figure>
|
||||||
|
</div>
|
||||||
</main>
|
</main>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
Loading…
Reference in New Issue
Block a user