Product_Landing_page2

HTML-CSS
1

newbie here… need help on last 2 test errors, i’m a bit stuck…thank you.

2

  1. The margin-top on #nav-bar is the problem, just removing it will make the test pass but won’t look very good. See if you can rework it.

  2. The #email input should have a name attribute

<input name="email" id="email" type="email" required="" placeholder="Enter your email here">
  1. See if you can’t work on the responsive part of the page.

You have display: flex; on the #price div, I think you meant to have grid.

Try this for the grid, it works pretty well without having to use a media query.

grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

Also use grid-gap on #price div instead of the margin on the price-a/b/c divs

grid-gap: 20px;

3

thanks las, it really makes a good different. :wink: