AdilsonFernandoNevesOrnellas/challenge-landing-page-Adilson-Fernando-Neves-Ornellas
1
0
Fork 0
forked from M3-Academy/challenge-landing-page
Code Issues Pull Requests Packages Projects Releases Wiki Activity

parte 3 responsivo

Browse Source
This commit is contained in:
Adilson Fernando Neves Ornellas 2022-10-10 12:37:44 -03:00
parent 2238ff7a9b
commit d9f99d5008
1 changed files with 16 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
Arquivos Usados/Css/Landing Page - Adilson Fernando Neves Ornellas.css
View File

@ -74,25 +74,23 @@ header{
/*Parte3, os 3 caixotes*/
.tdscaixotes{
display: grid;
grid-template-columns: repeat(3, max-content);
grid-template-columns: repeat(3, 1fr);
gap: 21px;
justify-content: center;
background: #FFFFFF;
padding: 178px 414px 80px;
}
.cadacaixote{
display: flex;
flex-direction: column;
align-items: center;
width: 350px;
margin-bottom: 80px;
margin-top: 178px;
width: 99%;
box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.23);
}
.imgcaixote{
padding: 46px 124px 38px;
padding: 46px 0px 38px;
display: block;
margin-bottom: px;
}
.legendcaixote{
padding: 0px 25px 28px;
@ -153,8 +151,18 @@ header{
}
/*Parte3,os 3 caixotes*/
.tdscaixotes{
grid-template-columns: 1fr;
gap: 24px;
padding: 90px 32px 80px;
}
.cadacaixote{
width: 99%;
}
.imgcaixote{
padding: 46px 0px 38px;
display: block;
}
/*Parte4, imagens notebook*/
}