Resize a nav
Hello
everyone
I realise this herobanner
https://codepen.io/alpha_66/pen/KKrKbML
the problem is the menu on top when I try to resize it the nav elemnt don't resize
the link also is so close
I try to isolate the problem
I should get this
https://codepen.io/alpha_66/pen/mdQdKgJ
I don't understand what happend
4 Replies
As you are already using flex for the nav element, you could add space between the links by using gap. eg. `gap: 1rem;``
the problem is the menu on top when I try to resize it the nav elemnt don't resizeI'm not sure what you are refferring to here. You have set the nav element with a fixed width and height. How/what/when are you trying to resize it?
look the background on top you should see two background
the big one is the nav and behind the nav I have the div who contain the nav what I want is the nav bar should be in the div who contain him
my english is not very good I m a french man I hope you understand me
Are you referring the pink element? You have the menu set to a width of 25%. That 25% will be a percentage of it's parent, in this case the "right" element. However it's child element "nav" has a fixed width of 260px which means, except on large (wide) screens, the "menu" will almost always be hidden by it's child element.
Just to demonstrate what I am trying to say, if you set the .menu width to 50% you should see it (except on small screens)
Even in this pen https://codepen.io/alpha_66/pen/mdQdKgJ if you reduce the viewport width the pink bar dissapears behind the nav element.