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

feat(home): estilizando content imageSecond

Browse Source
This commit is contained in:
Guilherme de Camargo Barbosa 2022-10-12 22:20:26 -03:00
parent ce958a16ee
commit feaa30f42a
1 changed files with 7 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
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;