From 0f275afa795c2bce0255666162731f74e2a8a74c Mon Sep 17 00:00:00 2001 From: Martial Simon Date: Thu, 27 Jul 2023 17:32:03 +0200 Subject: feat: switched the layout of pages.html to grid --- pages.html | 13 +++++-------- style.css | 20 +++++++++----------- 2 files changed, 14 insertions(+), 19 deletions(-) diff --git a/pages.html b/pages.html index 9f99b7f..872510b 100644 --- a/pages.html +++ b/pages.html @@ -8,8 +8,7 @@ 🤮🇬🇧

T ki ?

Marcellus est mon pseudo, pour raisons évidentes je ne donnerai pas mon vrai prénom... hem
D'habitude, je suis pas spécialement doué pour parler de moi, mais bon, j'ai envie de faire l'effort pour une fois. @@ -29,9 +28,7 @@

Formation

J'ai commencé les cours de guitare et de formation musicale vers l'âge de 7 ans, et j'ai un assez bon niveau de solfège. J'ai aussi appris la basse pendant quelques années. J'ai suivi 2 ans de cours de MAO, et je suis très à l'aise avec Ableton Live.

@@ -71,9 +68,7 @@ J'ai quelques productions à mon actif, mais celle sur laquelle j'ai le plus travaillé est la BO du projet de groupe du 2è semestre. La plupart des mes productions sont trouvables sur SoundCloud

Projets

La plupart de mes projets sont trouvables sur Github.

@@ -85,6 +80,8 @@

TravailEnCours

diff --git a/style.css b/style.css index c8ac793..f3e2887 100644 --- a/style.css +++ b/style.css @@ -22,6 +22,7 @@ body.index{ top: 2px; background-color: rgba(220, 237, 200, 0.9); border-radius: 3px; + z-index: -1; } br{ @@ -85,24 +86,20 @@ a.text-link::after{ } .content-container{ - display: flex; - flex-direction: row; - justify-content: flex-start; -} - -.container{ - padding: 0 3%; - min-width: 93vw; - width: auto; + display: grid; + grid-template-columns: repeat(2, 97vw); + gap: 20px; } .content{ - margin: 3% 0; - margin-bottom: auto; + width: 94vw; + height: 88vh; + margin: 1%; padding: 1%; background-color: rgba(220, 237, 200, 0.80); border-radius: 5px; border: 5px dotted #b4d545; + overflow: auto; } .content h1, h2{ @@ -144,6 +141,7 @@ a.text-link::after{ animation-duration: 6s; animation-iteration-count: infinite; animation-timing-function: linear; + z-index: -1; } .footer::before, .footer::after{ -- cgit v1.2.3