bento responsive grid

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

I am pleased to take on this challenge using only CSS. I received good (I hope) scores from PageSpeed Insights: 100% performance, 100% SEO, 100% best practices, and 96% accessibility. In this area, I realized I had some difficulty organizing my HTML. I learned or refined many things, such as:

• Changing the order of grid elements in mobile preview using the order property and media queries.
• Using CSS variables.
• Utilizing clamp() for font size, min-width, flexbox, and gap...

I particularly enjoyed this challenge's design and had fun experimenting with different illustrations, colors and varying sizes of titles and texts. Thank you, Frontmentor, for this challenge 😇.

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

The difficulty lies in ensuring its responsiveness, but I have done my best.

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

Any feedback is welcome... Thank you all. 🥰