host/paulnicoue
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Add services section

Browse source
This commit is contained in:
Paul Nicoué 2023-02-13 17:23:36 +01:00
parent fd3f7c1838
commit 27dbca54f3
10 changed files with 189 additions and 33 deletions
Download patch file Download diff file Expand all files Collapse all files

16
pages/index.vue
View file

@ -2,6 +2,7 @@
<main>
<HeroSection class="hero-section" />
<ServicesSection class="services-section" />
<ContactSection class="contact-section" />
</main>
@ -27,31 +28,26 @@
main {
width: 100%;
padding: 0 2rem;
display: grid;
grid:
'hero-section' auto
'services-section' auto
'contact-section' auto
/ 1fr;
place-content: start center;
place-items: start center;
row-gap: 4rem;
.hero-section {
grid-area: hero-section;
}
.services-section {
grid-area: services-section;
}
.contact-section {
grid-area: contact-section;
}
@media screen and (min-width: $tablet-media-query) {
padding: 0 4rem;
}
@media screen and (min-width: $desktop-media-query) {
padding: 0 6rem;
}
}
</style>