Cacti Nursery Product landing page

Take a look at my product landing page :smiley:
I used codes from w3school for the cards and I copied the styling of the video from a youtube tutorial video
https://codepen.io/bej-d-vid/pen/xxRpOQX

Your page looks good @bejodavid123. Some things to revisit;

  • Run your HTML code through the W3C validator.
    • There are HTML coding errors you should be aware of and address.
    • Since copy/paste from codepen you can ignore the first warning and first two errors.
  • Check that the user has entered a valid email addr (plus any additional fields you think should be required). Throw an HTML5 validation error if not.
    • You learned to do this when coding the survey form
  • Not sure if you’ve noticed when scrolling everything on your page goes over the navbar rather than behind it. Look into what z-index can do to help with this.
1 Like

Thank you!
I modified the nav-bar, insted of putting z-index: -1; on the video i put z-index: 1; in the nav-bar, but it seems the same to me because my nav-bar background is translucent. Maybe that is why you mentioned that the content goes over the nav-bar :slight_smile: