"Bento Grid: A Responsive Grid Layout"

Community feedback

• 

  Djamel1133•880

  @Djamel1133Posted 2 months ago

  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

  0

  ---

  

  Dev Patel•90

  @devpatel024Posted 2 months ago

  ok thanks for your feedback! @Djamel1133 I am updating my solution as soon as possible.....

  0