365DevNet/365devnet
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refactor responsive styles in index.astro for improved layout

Browse Source 
- 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:
Richard Bergsma
2025-11-06 12:19:33 +01:00
parent c38120053c
commit 48f92017a9
1 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/pages/[lang]/index.astro
View File

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