fix: made main look a bit better

This commit is contained in:
MiniPandi 2025-04-03 17:47:36 +02:00
parent f72dac2732
commit 05edfaa05e
2 changed files with 45 additions and 24 deletions

View file

@ -9,6 +9,7 @@
<body>
<div class="grid-background"></div>
<main>
<header>
<div class="container">
<nav>
@ -33,6 +34,7 @@
</div>
</div>
</section>
</main>
<section class="features" id="features">
<div class="container">

View file

@ -440,6 +440,25 @@ footer {
font-size: 0.875rem;
}
/*MiniPandi's Modifications Start*/
main {
min-height: 100vh;
}
main .hero {
min-height: 90vh;
display: flex;
flex-direction: column;
justify-content: center;
}
main .hero .container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 25px;
}
/*MiniPandi's Modifications End*/
@media (max-width: 768px) {
.hero h1 {
font-size: 3rem;