Fix hero layout issues

This commit is contained in:
Wolfgang Huß 2024-05-20 16:16:34 +02:00
parent e5f5afd3be
commit 41e48b3f77
2 changed files with 8 additions and 5 deletions

View File

@ -41,7 +41,7 @@ h1, h2, h3, h4 {
}; };
.vp-project-home .theme-hope-content:not(.custom) { .vp-project-home .theme-hope-content:not(.custom) {
max-width: max-content; max-width: 100%;
padding: 0; padding: 0;
margin: 0 auto; margin: 0 auto;
} }
@ -83,6 +83,7 @@ h1, h2, h3, h4 {
transition: 0.3s; transition: 0.3s;
border-style: solid; border-style: solid;
border-radius: 5px; border-radius: 5px;
margin: 40px;
padding: 12px 16px; padding: 12px 16px;
} }
@ -124,13 +125,15 @@ h1, h2, h3, h4 {
} }
.hero-container-content { .hero-container-content {
width: 90%; width: 100%;
margin: 2.8em auto; // margin: 2.8em auto;
margin: 0;
text-align: center; text-align: center;
} }
#logo { #logo {
width: 150px; width: 150px;
margin-top: 40px;
} }
.slogan { .slogan {

View File

@ -31,7 +31,7 @@ tagLine:
<h2 id="benefits" class="large-header">Warum Ocelot.Social?</h2> <h2 id="benefits" class="large-header">Warum Ocelot.Social?</h2>
<div class="benefits-grid"> <div class="benefits-grid center">
<figure> <figure>
<HopeIcon icon="fa-solid fa-face-smile" /> <HopeIcon icon="fa-solid fa-face-smile" />
<figcapture> <figcapture>
@ -99,7 +99,7 @@ tagLine:
<h2 id="feature-headline" class="large-header">Wichtigste Funktionen</h2> <h2 id="feature-headline" class="large-header">Wichtigste Funktionen</h2>
<div class="image-grid"> <div class="image-grid center">
<figure> <figure>
<img src="./assets/login.png" /> <img src="./assets/login.png" />
<figcapture> <figcapture>