Skip to content

v0.0.3 - Events Page Styled with CSS

Choose a tag to compare

@Sebaxg86 Sebaxg86 released this 27 Apr 18:14
· 127 commits to main since this release

What's included

This release (v0.0.3) marks the completion of the second full CSS styling phase for the InEvent project.
The event listing page has been structured and styled to provide a dynamic, attractive, and user-friendly browsing experience.

✅ Styling applied:

  • Events Grid – Responsive grid layout using grid-template-columns to ensure smooth adaptation across devices.
  • Event Cards – Individual cards with shadows, hover elevation effects, and rounded corners for a modern, professional look.
  • Event Images – Top-aligned images within cards, maintaining consistent dimensions and cover fit for visual harmony.
  • Event Details – Clean typographic hierarchy for event title, date, location, type, and price.
  • Action Button – “Buy Tickets” button with strong color contrast, hover transitions, and intuitive positioning.
  • Section Structure – Centered “Browse Events” title with consistent margins and paddings for breathing space.

Ready for next phase

With the event catalog layout now styled, we are ready to proceed with:
✔ Styling of the About Us, Contact, and Register pages.


Built with ❤️, crafted with classic HTML + CSS excellence.