Navigation menu won't grow


Hello,

As part of practicing I am trying to create a navigation menu similar to this website.

I am making this menu exist only on the desktop/laptop breakpoint but the left side div that contains the links won’t grow no matter what I do. see in picture below.

Any idea how to fix this?

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

1 Like

@yyaelbensi, please explain a bit more, how this is not growing, I have tested it and working fine.

1 Like

apologies!

I want the columns to maintain the gap when the screen shrinks. So that the forth column will move down (for that purpose, I used flex and flex-wrap). Trouble is the parent div wont grow to show the forth one (as seen in the pic I’ve attached). Hope that clarifies things! Thanks!

1 Like

Trying again with a better explanation.

I am trying to build a dropdown menu like in this website.

I managed to build the functionality but because I want the images’ size on the right to stay fixed in different breakpoints (within the desktop/laptop one), the links on the left overflow on the Y axis, but I can’t seem to make that happen. Can anyone offer advice?

The picture depicts the 1130 px breakpoint.

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

the solution: https://www.youtube.com/watch?v=EXIJbL4HaWo

1 Like