I'm most proud of how I structured the project using semantic HTML and modular CSS custom properties. It made the codebase more readable and easier to maintain.
What challenges did you encounter, and how did you overcome them?One of the main challenges was organizing the layout using both CSS Grid
and Flexbox
in a way that remained responsive across different screen sizes. It took some trial and error to find the right balance between the two. I overcame this by breaking down the layout into smaller sections and testing them individually, then using media queries to adjust the design for various viewports. Another challenge was managing the custom CSS variables effectively — I created a clear naming convention to keep them organized and easy to update.