Why this property isn't working

I applied the justify-content property to space-around my box container elemnts but it didn’t work.

challenge: Product Landing Page
https://codepen.io/Maidah-Javed/pen/qBPVPMV

What are you trying to do exactly? Your space around does work. Space around is used to give space before, between, and after flex items. If you remove that space-around line you will see that the space it gives your flex items goes away.

Evrything is good but you don’t pass the tests…
That’s what u must do:

Within the form, there is a submit input with corresponding id=“submit”

When I click a .nav-link button in the nav element, I am taken to the corresponding section of the landing page.

My product landing page should have at least one media query