Fancy Shoes Product Page. No copy/pasting

Here is the product landing page mock-up I have done “closed book”.

I’ve been re-doing all the projects after doing a copy/pasted run, and doing them off the bean.

My video scaling is a little wonky still but I’m moving on to the next project for now

Fancy shoes product landing page, what could I improve?

Is my CSS super wonked out specificity wise or anything?

Thanks for your time.

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

  • Run your HTML code through the W3C validator.
    There is an HTML syntax/coding error you should be aware of and address.
    Since copy/paste from codepen you can ignore the first warning and first two errors.
  • Change the cursor to a pointer when hovering over the submit button
  • Do not use the <br> element to force line breaks or spacing. That’s what CSS is for.
    Reference MDN Docs
  • Check that the user has entered a valid email addr. Throw an HTML5 validation error if not.
    You learned to do this when coding the survey form

Fixed, fixed, and fixed. Thank you.

Looks good @lforsey, nice job cleaning things up. Although when running your HTML code through the W3C validator I still see the following error which you should address
The frameborder attribute on the iframe element is obsolete. Use CSS instead.

1 Like