Skip to content
Submitted 9 months ago

"Bento Grid: A Responsive Grid Layout"

Dev Patel•90
@devpatel024
A solution to the Bento grid challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

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

Gave me your feedback if any further improvements needed in this!!!!

Code
Couldn’t fetch repository

Please log in to post a comment

Log in

Community feedback

  • Djamel1133•910
    @Djamel1133

    Hi, well done... I also completed the same challenge, and if you're open to suggestions, you can change the order of your columns using the order property. Here's how you can do it:

    In your @media (max-width: 767px):

    1-First, initialize all your grid elements (columns) with: grid-column: auto; grid-row: auto;

    2-Then, you can set the order property for each element as desired. For example, for box 4, set order: 2, and for box 7, set it to your preferred order. This is just my opinion... Take care and happy coding!

    Marked as helpful

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