Grid not behaving like it should!

Hello everyone!

I am doing a school project. The site we are styling is supposed to be responsive and made with grids and flexboxes. It is not going so well so far and I have 3 questions:

  1. My grid is not acting like it should. For example, the header that I placed at position row 2 to 3 and column 1 to 3 is now at the bottom of the pages, while the articles are all on the right side!

  2. In a second step I wish to distribute articles on the right and left, inside of the product grid. I am unsure how I could nest them since the articles have no class or id.

  3. I cannot understand why the top right corner of the navigation bar does not cover the whole page (you’ll see that there is a little gap!)

This is what I want to do:

This is what is happening:

I would be very grateful for any insight!

1 Like

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.