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

nearly finished desktop, couple of getting started links in wrong place. Now to make it more responsive

This commit is contained in:
Robert McGovern 2022-11-03 15:19:20 +00:00
parent 3eaa430a70
commit b1b5630200
1 changed files with 84 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -257,10 +257,6 @@ body {
overflow: hidden;
}
.banner {
display: flex;
flex-direction: row;
/* justify-content: space-between; */
align-items: center;
padding: 24px 39.5px 0px 39.5px;
}
.intro {
@ -335,4 +331,88 @@ body {
--fs-heading-s: 24px;
--lh-heading-s: 30px;
}
.btn {
font-size: var(--fs-body-m);
line-height: var(--lh-body-m);
padding: 14px 31.5px;
}
.banner {
padding: 24px 165px 0 165px;
}
.intro {
margin-top: 174px;
margin-left: 165px;
padding-bottom: 250px;
}
.intro > div {
flex-basis: 38%;
}
.intro__header {
font-size: var(--fs-heading-xl);
line-height: var(--lh-heading-xl);
}
.intro__body {
font-size: var(--fs-body-m);
line-height: var(--lh-body-m);
}
.intro__getting-started {
padding: 19px 31px 16px 32px;
margin-top: 42px;
}
.intro__image {
top: -431px; /*-38vw;*/
right: -486px; /*-52.5vw;*/
}
.intro__image img {
width: 1046px;
}
.cards {
margin-inline: 165px;
gap: 30px;
row-gap: 80px;
}
.cards__header {
padding: 64px 32px 138px 32px;
}
.card {
padding-inline: 32px;
}
.card__header {
margin-top: 4px;
}
.card__body {
margin-top: 24px;
font-size: var(--fs-body-m);
line-height: var(--lh-body-m);
}
.card__getting-started {
padding: unset;
/* margin-top: ; */
margin-bottom: 40px;
}
.logo {
width: 114px;
}
.footer {
margin-top: 140px;
padding: 32px 165px;
}
}