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

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