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

tweaks to mobile version

This commit is contained in:
Robert McGovern 2022-11-03 11:23:37 +00:00
parent 5249256339
commit 011b455043
1 changed files with 9 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
projects/FrontendMentor/newbie/skilled-elearning-landing-page/css/styles.css
View File

@ -124,7 +124,7 @@ body {
.intro { .intro {
margin-top: 38px; margin-top: 38px;
margin-inline: 16px; margin-inline: 16px;
/* overflow: hidden; */ overflow: hidden;
} }
.intro__header { .intro__header {
font-size: var(--fs-heading-l); font-size: var(--fs-heading-l);
@ -173,17 +173,18 @@ body {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
margin-top: -60px; margin-top: -18px;
margin-inline: 16px; margin-inline: 16px;
gap: 38px;
} }
.card { .card {
display: flex; /* display: flex;
flex-direction: column; flex-direction: column; */
border-radius: 10px; border-radius: 10px;
background: white; background: white;
margin-top: 42px; /* margin-top: 42px; */
padding-inline: 28px; padding-inline: 28px;
max-width: 350px; max-width: 350px;
@ -200,7 +201,7 @@ body {
.card__image { .card__image {
position: relative; position: relative;
width: 56px; width: 56px;
top: -28px; top: -23px;
} }
.card__header { .card__header {
margin-top: 0px; margin-top: 0px;
@ -215,6 +216,7 @@ body {
margin-top: 16px; margin-top: 16px;
} }
.card__getting-started { .card__getting-started {
display: inline-block;
font-size: 1.125rem; font-size: 1.125rem;
padding: unset; padding: unset;
margin-top: 24px; margin-top: 24px;
@ -228,7 +230,7 @@ body {
} }
.footer { .footer {
margin-top: 80px; margin-top: 84px;
background: var(--col-dark-purple); background: var(--col-dark-purple);
display: flex; display: flex;