challenge-landing-page/assets/css/breakingPoints.css

92 lines
1.6 KiB
CSS

@media(min-width: 600px){
.banner .banner__mobile{
display: none;
}
.banner .banner__desktop {
display: block;
width: 100%;
}
.informacoes__card {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-evenly;
flex-wrap: wrap;
padding: 80px 0 90px;
}
.informacoes__card .informacoes__card--dados:nth-child(1){
margin-top: 0;
}
.mais__informacoes {
display: flex;
flex-direction: column;
}
.mais__informacoes .mais__informacoes--texts p {
width: 550px;
}
.mais__informacoes img:nth-child(3) {
display: none;
}
.mais__informacoes img:nth-child(2) {
display: block;
padding: 0 100px 116px;
}
.images__notebook .images__notebook--container article img:nth-child(3){
flex: 1;
}
}
@media(min-width: 1024px){
.sobre .sobre__saibaMais {
display: flex;
flex-direction: row;
}
.images__notebook .images__notebook--container article {
display: flex;
justify-content: center;
align-items: center;
}
.images__notebook .images__notebook--container article img{
width: 100%;
max-width: 32.21%;
padding: 0 10px;
}
.informacoes__card {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
flex-wrap: wrap;
padding: 191px 72px 108px;
}
.informacoes__card .informacoes__card--dados {
padding: 44.11px 33px 65px;
margin: 10px 10px;
}
.informacoes__card .informacoes__card--dados p {
width: 367px;
}
.mais__informacoes img:nth-child(2) {
display: block;
padding: 0 280px 116px;
}
}