Frontend Mentor Easybank Landing Page Challenge.

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

I'm most proud of building a fully responsive landing page that maintains consistent styling and layout across screen sizes. It was a great opportunity to improve my CSS layout skills using both Flexbox and Grid.

Next time, I would focus more on accessibility features such as better semantic HTML attributes. I’d also explore optimizing images and adding animations for a more dynamic experience.

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

One of the biggest challenges was ensuring pixel-perfect responsiveness, especially for the header section and feature cards. I initially struggled with overlapping elements on smaller screens. I overcame this by refining my use of media queries, flex-wrap, and adjusting padding/margins manually.

Another challenge was hosting on Vercel — my changes weren't showing up at first. I solved this by ensuring I pushed updates to the correct GitHub branch and manually triggered redeploys when necessary.

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

I’d appreciate feedback on:

How I can improve the structure and naming of my CSS classes.

Best practices for image optimization and file size reduction without losing quality.

Suggestions for improving site performance and accessibility (e.g., using semantic HTML or Lighthouse insights).

Whether my layout choices could be simplified or made more reusable with utility classes or modern CSS techniques.