Tell us what’s happening:
hi all
i want to know why my flex properties flex: 0 0 size
isnt working on my website when i resize the browser.
my goal: i want the .logo container and .nav-bar container shrink when i zoom in the browser. But instead they overflow the header container.
The classes with flex property
.logo { display: flex; border: solid; flex: 0 1 508.2px; }
and
.nav-bar { display: flex; justify-content: space-around; border: solid; width: 500px; flex: 0 1 500px; }
all the codes of the webpage is found in the link below
Challenge: Build a Product Landing Page
Link to the challenge: