News Home Page using Astro and Sass

What are you most proud of, and what would you do differently next time?

I’m most proud of how I focused on accessibility this time around. I ensured that my components and the hamburger menu in the mobile view were accessible, which is something I put a lot of effort into. If I were to do this project again, I would use a more robust framework like React to handle the state management and interactivity in a more scalable way.

What challenges did you encounter, and how did you overcome them?

The main challenge was implementing the CSS layout for the desktop version, especially using CSS Grid and subgrid to achieve the desired design. To tackle this, I broke down the layout into smaller, manageable components and used a combination of Astro's component structure and SASS for styling. I also faced difficulties in making the hamburger menu accessible, so I researched best practices and ensured it worked seamlessly with keyboard navigation and screen readers.

What specific areas of your project would you like help with?

I’d like feedback on the accessibility aspects of my project, particularly regarding the implementation of the hamburger menu. I want to make sure it meets all accessibility standards and provides a smooth experience for users with assistive technologies.