forked from M3-Academy/challenge-landing-page
Commit finalizado do repositório.
This commit is contained in:
parent
53432a8df3
commit
26341ebdfe
@ -29,7 +29,7 @@
|
||||
enim non dui fringilla interdum.</p>
|
||||
<p class="text4">Curabitur ut tortor sed lacus egestas vulputate
|
||||
vel sit amet velit. Nulla suscipit magna dui.</p>
|
||||
<img src="./imagens/computers.png" alt="Computer-png">
|
||||
<img src="./imagens/computers.png" width="35%" height="auto" alt="Computer-png">
|
||||
<article class="cardCenter">
|
||||
<div class="card1">
|
||||
<img class="img-card"src="./imagens/shop.png" alt="Grou-png">
|
||||
|
54
style.css
54
style.css
@ -84,12 +84,13 @@
|
||||
padding: 0px 100px 60px 0px;
|
||||
}
|
||||
.cardCenter {
|
||||
width:100%;
|
||||
width:76%;
|
||||
display:flex;
|
||||
justify-content:center;
|
||||
align-items: center;
|
||||
padding: 50px 0px 0px 0px;
|
||||
flex-wrap: wrap;
|
||||
|
||||
margin: auto auto;
|
||||
|
||||
}
|
||||
.card1 {
|
||||
@ -215,8 +216,6 @@ color: #000000;
|
||||
margin: 60px 0px 0px 0px;
|
||||
|
||||
}
|
||||
|
||||
|
||||
.imgRectangle {
|
||||
background: url("./imagens/Rectangle.png");
|
||||
background-size: 100% 100%;
|
||||
@ -232,13 +231,13 @@ color: #000000;
|
||||
}
|
||||
}
|
||||
.oculosPng {
|
||||
width:400px;
|
||||
width:95%;
|
||||
height:400px;
|
||||
}
|
||||
.rodape {
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
height: 128px;
|
||||
height: 160px;
|
||||
background: #000000;
|
||||
margin: 80px 0px 0px 0px;
|
||||
}
|
||||
@ -253,7 +252,48 @@ color: #000000;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-size: 14px;
|
||||
line-height: 12px;
|
||||
line-height: 18px;
|
||||
text-transform: uppercase;
|
||||
color: #BDBDBD;
|
||||
}
|
||||
@media only screen and (max-width: 2500px) {
|
||||
.text1 {
|
||||
font-size: 30px;
|
||||
|
||||
|
||||
}
|
||||
.text2 {
|
||||
font-size: 50px;
|
||||
|
||||
|
||||
}
|
||||
.text3 {
|
||||
|
||||
font-size: 20px;
|
||||
|
||||
}
|
||||
.text4 , .textFooter{
|
||||
|
||||
font-size: 20px;
|
||||
|
||||
}
|
||||
.text5 {
|
||||
font-size: 18px;
|
||||
|
||||
}
|
||||
.textFinal {
|
||||
font-size: 30px;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 760px) {
|
||||
.text4 {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
padding: 10px 0px 30px 0px;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 400px) {
|
||||
.text5 {
|
||||
font-size:15px;
|
||||
}
|
||||
}
|
Loading…
Reference in New Issue
Block a user