diff --git a/FrontendMentor/huddle-landing-page-with-single-introductory-section-master/css/style.css b/FrontendMentor/huddle-landing-page-with-single-introductory-section-master/css/style.css index aec3f92..6774c92 100644 --- a/FrontendMentor/huddle-landing-page-with-single-introductory-section-master/css/style.css +++ b/FrontendMentor/huddle-landing-page-with-single-introductory-section-master/css/style.css @@ -5,10 +5,6 @@ --site-color: hsl(257, 40%, 49%); } -* { - margin: 0; -} - body { background-color: var(--site-color); background-image: url("../images/bg-desktop.svg"); @@ -16,6 +12,7 @@ body { /*background-size: contain; */ color: white; + margin: 0; font-family: 'Open Sans', sans-serif; } @@ -45,6 +42,7 @@ h1 { .siteBlurb h1 { margin-right: 2em; + margin-bottom: 0; } .siteBlurb p { @@ -80,9 +78,11 @@ h1 { padding: 0.5rem; margin-left: 0.5rem; margin-top: 0.9375rem; + margin-right: 0; } .circleIcon { + margin: 0; color: white; background: transparent; border: 1.75px solid #fff; @@ -111,6 +111,7 @@ h1 { /* background-size: contain; */ color: white; + margin: 0; padding: 0; } @@ -130,14 +131,19 @@ h1 { } .middleSection { + margin: 0; display: flex; flex-direction: column; } .siteBlurb { + margin:0; margin-top: 0.9375rem; text-align: center; + + /* line-height: 2rem; + font-weight: 400; */ } .siteBlurb h1 { @@ -172,6 +178,7 @@ h1 { .socialButtonsSection { /* display: block; */ text-align: center; + margin:0; margin-top: 3rem; } @@ -179,9 +186,11 @@ h1 { /* padding: 0.5rem; */ margin-left: 0.375rem; margin-top: 0.9375rem; + margin-right: 0; } .circleIcon { + margin: 0; padding: 0; color: white; background: transparent;