abdullahtarawneh.com/assets/scss/index/hero.scss
2020-10-10 14:47:58 -05:00

29 lines
547 B
SCSS

.hero .container {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: auto auto;
gap: 1em;
}
.hero img {
width: 100%;
grid-row: 1/3;
}
.headline {
font-size: clamp(1.4em, 7vw, 3em);
max-width: 11ch;
line-height: 1.2;
align-self: end;
}
.button {
background: #0060ff;
color: white;
width: max-content;
font-size: clamp(0.75em,2vw,1em);
padding: 0.75em;
display: flex;
justify-content: center;
text-decoration: none;
border-radius: 100em;
font-weight: 700;
}
.cta {grid-column: 1; grid-row: 2; align-self: start;}