tarasis
/
rmcg.dev
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Tweaks to mobile design. Made it work better between intended design sizes (375x800 and 1440x800). However, temporarily messed up 1440x800 design.

This commit is contained in:
Robert McGovern 2020-09-05 23:56:36 +01:00
parent a3aed9c08f
commit f97a0570fc
1 changed files with 22 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
FrontendMentor/huddle-landing-page-with-single-introductory-section-master/css/style.css
View File

@ -13,6 +13,7 @@ body {
color: white; color: white;
margin: 0; margin: 0;
/* display: flex; */
font-family: 'Open Sans', sans-serif; font-family: 'Open Sans', sans-serif;
} }
@ -30,11 +31,23 @@ h1 {
.middleSection { .middleSection {
display: flex; display: flex;
/* margin: auto; */
margin: 5.0625rem 0rem 0rem 4.55rem; margin: 5.0625rem 0rem 0rem 4.55rem;
width: 90%;
max-width: 1440px;
}
.illustrations {
width: 50%;
}
.illustration {
width: 100%;
} }
.siteBlurb { .siteBlurb {
margin: 1.0625rem 4rem 2rem 3.325rem; margin: 1.0625rem 4rem 2rem 3.325rem;
width: 50%;
/* line-height: 2rem; /* line-height: 2rem;
font-weight: 400; */ font-weight: 400; */
@ -121,7 +134,10 @@ h1 {
} }
.illustrations { .illustrations {
margin: 3.5rem 2.3125rem 1rem; /* margin: 3.5rem 2.3125rem 1rem; */
margin: auto;
margin-top: 3.5rem;
width: 90%;
} }
.illustration { .illustration {
@ -134,13 +150,15 @@ h1 {
margin: 0; margin: 0;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
width: 100%
} }
.siteBlurb { .siteBlurb {
margin:0; margin:0;
margin-top: 0.9375rem; margin-top: 0.5rem;
text-align: center; text-align: center;
width: 100%;
/* line-height: 2rem; /* line-height: 2rem;
font-weight: 400; */ font-weight: 400; */
@ -150,10 +168,11 @@ h1 {
margin: 1.625rem 2rem 0rem 2rem; margin: 1.625rem 2rem 0rem 2rem;
font-weight: 400; font-weight: 400;
font-size: 1.5rem; font-size: 1.5rem;
line-height: 1.5;
} }
.siteBlurb p { .siteBlurb p {
margin:0.75rem 2.25rem; margin:0.9rem 2.25rem;
font-size: 1rem; font-size: 1rem;
line-height: 1.5rem; line-height: 1.5rem;
} }