Browse Source

feat: responsiveness

pull/1/head
Garrit Franke 3 years ago
parent
commit
b704ba6ee8
  1. 2
      index.html
  2. 17
      styles/hero.css

2
index.html

@ -63,7 +63,7 @@
<div class="services__offers__card">
<h1 class="services__offers__card__heading">Boards</h1>
<p class="services__offers__card__description">
We provide free Kanban boards to plan our projects.
We provide free Kanban boards to plan your projects.
</p>
<a
href="https://boards.slashdev.space"

17
styles/hero.css

@ -11,12 +11,23 @@
}
.hero__text-area__heading {
font-size: 10rem;
font-size: 4rem;
margin: 1rem;
}
.hero__text-area__subheading {
font-size: 3rem;
font-size: 2rem;
}
@media (min-width: 800px) {
.hero__text-area__heading {
font-size: 10rem;
}
.hero__text-area__subheading {
font-size: 3rem;
}
}
.hero__scroll-arrow {
@ -24,4 +35,4 @@
font-weight: lighter;
position: absolute;
bottom: 1rem;
}
}

Loading…
Cancel
Save