k
f3952e7e81
- Updated components (`Hero`, `Welcome`, `EventsGrid`, `ImageCarousel`, `Drinks`) to accept optional `id` props and applied them to `<section>` elements. - Enabled smooth scrolling by adding `scroll-behavior: smooth` to global styles. - Enhanced dropdown menu: added internal links for section navigation and adjusted styling for improved responsiveness. - Updated color handling in `ImageCarousel` to use CSS variables for better theme consistency.
29 lines
497 B
CSS
29 lines
497 B
CSS
.section-title {
|
|
text-align: center;
|
|
margin-bottom: 1.5rem;
|
|
font-size: 2rem;
|
|
font-weight: bold;
|
|
color: var(--color-text);
|
|
}
|
|
|
|
.events-gird {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: center;
|
|
gap: var(--gap-standard);
|
|
padding: var(--padding-vertical) var(--padding-horizontal);
|
|
width: 100%;
|
|
}
|
|
|
|
@media (min-width: 1600px) {
|
|
.events-gird {
|
|
justify-content: space-between;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 1599px) {
|
|
.events-gird {
|
|
justify-content: space-around;
|
|
}
|
|
}
|