Refactor responsive styles in index.astro for improved layout

- Adjusted padding and margin for .neon-title, .neon-subtitle, and .cta-secondary-explosive classes to enhance the layout on smaller screens, ensuring a cleaner and more consistent appearance.
This commit is contained in:
2025-11-06 12:19:33 +01:00
parent c38120053c
commit 48f92017a9

View File

@@ -468,12 +468,14 @@ const metadata = {
@media (max-width: 768px) {
.neon-title {
font-size: clamp(2rem, 8vw, 4rem);
padding-left: 1rem;
padding-left: 0;
padding-right: 0;
}
.neon-subtitle {
font-size: 1.2rem;
padding-left: 1rem;
padding-left: 0;
padding-right: 0;
}
.content-section {
@@ -485,7 +487,7 @@ const metadata = {
.cta-secondary-explosive {
padding: 1rem 2rem;
font-size: 1rem;
margin-left: 1rem;
margin-left: 0;
}
.cta-subtitle {