GuilhermeDeCamargoBarbosa/challenge-landing-page-guilherme-de-camargo-barbosa
1
0
Fork 0
forked from M3-Academy/challenge-landing-page
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Compare commits

base: GuilhermeDeCamargoBarbosa:feature/footer
Branches Tags
GuilhermeDeCamargoBarbosa:main
GuilhermeDeCamargoBarbosa:development
GuilhermeDeCamargoBarbosa:feature/create-main
GuilhermeDeCamargoBarbosa:feature/footer
GuilhermeDeCamargoBarbosa:feature/create-header
..
compare: GuilhermeDeCamargoBarbosa:main
Branches Tags
GuilhermeDeCamargoBarbosa:development
GuilhermeDeCamargoBarbosa:main
GuilhermeDeCamargoBarbosa:feature/create-main
GuilhermeDeCamargoBarbosa:feature/footer
GuilhermeDeCamargoBarbosa:feature/create-header

2 Commits
feature/fo ... main

Author SHA1 Message Date
guiprj
691d318757 Adicionando comentário no css 2022-10-12 22:34:29 -03:00
guiprj
feaa30f42a feat(home): estilizando content imageSecond 2022-10-12 22:20:26 -03:00
1 changed files with 9 additions and 4 deletions
Show Stats Expand all files Collapse all files

13
src/style.css
View File

@ -29,7 +29,9 @@ body {
} }
header, footer { header, footer {
background-color: #000 background-color: #000;
max-width: 1920px;
margin: auto;
} }
.logo { .logo {
@ -108,11 +110,12 @@ section.one {
align-items: center; align-items: center;
margin: 0 11px; margin: 0 11px;
box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.15); box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.15);
padding: 2.2%; padding: 2.2% 2.2% 3%;
} }
.cardOne svg { .cardOne svg {
width: 30%; width: 30%;
margin-bottom: 17px;
} }
.cardOne p { .cardOne p {
@ -127,7 +130,7 @@ section.one {
.content-imageSecond { .content-imageSecond {
width: 88%; width: 88%;
margin: 3% auto 0; margin: 3% auto -3rem;
display: grid; display: grid;
@ -182,7 +185,7 @@ section.one {
.cardTwo { .cardTwo {
margin: 10px; margin: 10px;
box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.15); box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.15);
padding: 2.2%; padding: 4% 2.2% 10%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -285,6 +288,8 @@ section.two h2 {
text-align: center; text-align: center;
} }
/* ============================== start media queries ===================================*/
@media only screen and (max-width: 414px){ @media only screen and (max-width: 414px){
.imagePrincipal, .content-imageSecondFooter { .imagePrincipal, .content-imageSecondFooter {
display: none; display: none;