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

Edit global style and component structure

Browse source
This commit is contained in:
Paul Nicoué 2023-02-02 17:02:53 +01:00
parent 88bac001d8
commit 53e513a55b
15 changed files with 816 additions and 215 deletions
Download patch file Download diff file Expand all files Collapse all files

6
components/ContactSection.vue
View file

@ -1,6 +1,6 @@
<template>
<section class="contact">
<section id="contact" class="contact">
<ContactDecoration class="contact__decoration" />
<ContactHeader class="contact__header" />
<ContactForm class="contact__form" />
@ -14,7 +14,7 @@
<style lang="scss" scoped>
// --------------------------------------------------
// LAYOUT & STYLE
// STYLE
// --------------------------------------------------
.contact {
@ -27,7 +27,6 @@
place-content: start stretch;
place-items: start stretch;
row-gap: 4rem;
column-gap: 2rem;
&__decoration {
grid-area: decoration;
@ -46,7 +45,6 @@
}
@media screen and (min-width: $desktop-media-query) {
grid:
'decoration header form' auto
/ auto 1fr 2fr;