From a40ab0b20351e85ac6dd660aee46ec5d144f67d6 Mon Sep 17 00:00:00 2001 From: asus Date: Fri, 17 May 2024 13:38:25 +0200 Subject: [PATCH] fixed small error in hero section : unrolling cv was creating a jump --- index.html | 3 ++- styles/elements/banners.css | 13 ------------- styles/elements/cv.css | 3 ++- styles/elements/hero.css | 5 +++-- styles/elements/sections.css | 6 +++++- 5 files changed, 12 insertions(+), 18 deletions(-) diff --git a/index.html b/index.html index c00dfc8..c8ae6a6 100644 --- a/index.html +++ b/index.html @@ -33,7 +33,6 @@ --> - @@ -42,6 +41,7 @@ HERO SECTION -->
+

+
diff --git a/styles/elements/banners.css b/styles/elements/banners.css index 85928a7..1566737 100644 --- a/styles/elements/banners.css +++ b/styles/elements/banners.css @@ -82,16 +82,3 @@ background-image: url(../../docs/banners/banner_5.svg); --banner_height: calc(var(--base_banner_height) * 5); } - - - -/* -* individual banners -* -*/ - -#top_banner { - position: absolute; - top: 0px; - left: 0px; -} diff --git a/styles/elements/cv.css b/styles/elements/cv.css index 8bd7718..5147844 100644 --- a/styles/elements/cv.css +++ b/styles/elements/cv.css @@ -3,8 +3,9 @@ max-width: 900px; } -details.cv { +.cv { display: flex; + text-align: left; summary { position: relative; list-style-position: outside; diff --git a/styles/elements/hero.css b/styles/elements/hero.css index c98eb92..70b8ed5 100644 --- a/styles/elements/hero.css +++ b/styles/elements/hero.css @@ -1,10 +1,11 @@ #hero { min-height: 100vh; - grid-template-rows: 1fr auto 1fr; + grid-template-columns: 1fr auto 1fr; + grid-template-rows: auto auto auto 1fr; .subtitle { text-align: center; } - details { + .cv { #cv_download { margin-top: 20px; text-align: center; diff --git a/styles/elements/sections.css b/styles/elements/sections.css index b070780..f5ee7e1 100644 --- a/styles/elements/sections.css +++ b/styles/elements/sections.css @@ -2,12 +2,13 @@ section { display: grid; margin: 0px; width: 100vw; - grid-template-columns: 1fr auto 1fr; + grid-auto-columns: auto; grid-auto-rows: auto; grid-gap: 10px; gap: 10px; min-height: 100vh; justify-items: center; + text-align: center; header { display: flex; @@ -21,6 +22,9 @@ section { justify-content: center; } } + article { + text-align: left; + } > * { grid-column: 2 / span 1;