Submitted 2 months ago

Responsive Bento Grid using HTML and CSS

HaiDangN•130

@HaiDangN

A solution to the Bento grid challenge

Preview Code

Solution retrospective

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

I faced some challenges when making the layout responsive. Some of the elements were collapsed and that's when I realized it's because I had overflow: hidden on some items and the reason it worked in the desktop config was because some items are given a default height based on the height of the row.

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

How did other people make the layout responsive the the dimensions between the desktop and the mobile design?

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on HaiDangN'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