Skip to content
Submitted 11 days ago

Bento grid

bootstrap
LVL 2
@1muhamed-adel
A solution to the Bento grid challenge

Solution retrospective


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

I'm most proud of recreating the design accurately while keeping it fully responsive using CSS Grid and Bootstrap. Next time, I'd improve the code structure, enhance accessibility, and make the CSS more reusable and maintainable.

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

The main challenge was building a responsive CSS Grid layout that matched the design on both mobile and desktop. I solved it by using a mobile-first approach, experimenting with grid placement, and testing the layout across different screen sizes until everything aligned correctly.

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

I'd like feedback on my responsive layout, CSS Grid implementation, and code quality. I'm always looking for ways to improve accessibility and write more maintainable CSS.

Code
Loading...

Please log in to post a comment

Log in

Community feedback

No feedback yet. Be the first to give feedback on muhamed adel’s solution.

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord