Problem
The hero content on the landing page (/) sits in the lower-left of the viewport rather than being vertically centred. On a typical screen the content appears roughly two-thirds of the way down, which reads as bottom-anchored rather than intentionally placed.
Current behaviour
The page wrapper does not fill the viewport height, so the content flows from the top with a fixed margin, leaving a large empty space below.
Suggested fix
Make the hero container fill the full viewport height and centre its content vertically:
.hero {
min-height: 100vh;
display: flex;
align-items: center;
}This would give the landing page a strong, confident first impression that matches the quality of its copy.
Problem
The hero content on the landing page (
/) sits in the lower-left of the viewport rather than being vertically centred. On a typical screen the content appears roughly two-thirds of the way down, which reads as bottom-anchored rather than intentionally placed.Current behaviour
The page wrapper does not fill the viewport height, so the content flows from the top with a fixed margin, leaving a large empty space below.
Suggested fix
Make the hero container fill the full viewport height and centre its content vertically:
This would give the landing page a strong, confident first impression that matches the quality of its copy.