Mystic Moon Mama - Product Landing Page - Looking for honest feedback

Mystic Moon Mama - Codepen
I have spent a lot of time trying to perfect this page. Please be as honest with me as you can about design/code/everything. I tried to make it fully responsive and I think there still might be a few kinks I have to work out. I’m not sure why I’m failing the 3rd test, so if someone could clear that up for me too, I’d appreciate it.

Thank you for taking the time to look at my project!

Looks good! You are not passing test #5 because you need to give class .nav-link to <a> elements instead of li elements.

  1. Your first picture looks blurry.
  2. Hovering on click buttons shift the page down. This is beause border height is being added on. You can give transparent border with same size by default and just change its color on hover.
  3. So are the input boxes in the form.

Ohterwise good job :tada::+1:

Hi @kaymonlee,

A very pleasant looking page… Indeed it deserved your all… I have accessed your page from a mobile device and have seen that the contact form is not well responsive. The inputs are torching the form area to the right…