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:
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user