mathias/hurler-webdesign-saas
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Landingpage Grid-layout erstellt, Navbar implementiert, SEO vorbereitet

Browse Source
This commit is contained in:
Mathias Hurler
2026-02-23 20:52:45 +01:00
parent b6ca9be225
commit 2fdeb41c25
40 changed files with 646 additions and 79 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
src/styles/layout/_grid.scss
View File

@@ -1,41 +1,35 @@
@use "../abstracts";
@use "abstracts";
.landing-grid {
display: grid;
grid-template-columns: 1fr minmax(auto, 1200px) 1fr;
grid-template-areas:
"navigation navigation navigation"
". hero ."
"hero hero hero"
". features-section ."
"footer footer footer";
}
.navigation__component {
.grid-area-navigation {
grid-area: navigation;
display: flex;
justify-content: space-between;
border-radius: 0 0 10px 10px;
backdrop-filter: blur(10px);
box-shadow: 1px 2px 10px rgba(197, 197, 197, 0.824);
position: sticky;
top: 0;
z-index: var(--z-index-sticky);
}
.hero__component {
.grid-area-hero {
grid-area: hero;
height: 80vh;
padding: var(--space-4);
height: 100vh;
@include abstracts.breakpoint("md") {
padding: 0;
}
display: flex;
justify-content: center;
}
.features-section__component {
.grid-area-features {
grid-area: features-section;
height: 80vh;
}
.footer__component {
.grid-area-footer {
grid-area: footer;
}