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:main
Branches Tags
GuilhermeDeCamargoBarbosa:main
GuilhermeDeCamargoBarbosa:development
GuilhermeDeCamargoBarbosa:feature/create-main
GuilhermeDeCamargoBarbosa:feature/footer
GuilhermeDeCamargoBarbosa:feature/create-header
..
compare: GuilhermeDeCamargoBarbosa:feature/footer
Branches Tags
GuilhermeDeCamargoBarbosa:development
GuilhermeDeCamargoBarbosa:main
GuilhermeDeCamargoBarbosa:feature/create-main
GuilhermeDeCamargoBarbosa:feature/footer
GuilhermeDeCamargoBarbosa:feature/create-header

No commits in common. "main" and "feature/footer" have entirely different histories.
main ... feature/fo

1 changed files with 4 additions and 9 deletions
Show Stats Expand all files Collapse all files

13
src/style.css
View File

@ -29,9 +29,7 @@ body {
} }
header, footer { header, footer {
background-color: #000; background-color: #000
max-width: 1920px;
margin: auto;
} }
.logo { .logo {
@ -110,12 +108,11 @@ 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% 2.2% 3%; padding: 2.2%;
} }
.cardOne svg { .cardOne svg {
width: 30%; width: 30%;
margin-bottom: 17px;
} }
.cardOne p { .cardOne p {
@ -130,7 +127,7 @@ section.one {
.content-imageSecond { .content-imageSecond {
width: 88%; width: 88%;
margin: 3% auto -3rem; margin: 3% auto 0;
display: grid; display: grid;
@ -185,7 +182,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: 4% 2.2% 10%; padding: 2.2%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -288,8 +285,6 @@ 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;