Prod Landing Guitar Page

Code Feedback
1

Would appreciate any feedback on my simple product landing page. Its a tough one (for me at least)!
Product Landing

I built it on a mobile-first approach.

2

I like the way it looks, my only suggestion is to reduce the size of the video in the iframe to also fit the mobile screen.

MobileSiteHelp
MobileSiteHelp561×927 57.5 KB

Other than that preference, I think it looks great.

3

many thanks! @rob-moore1894
May I know how do you simulate the mobile screen look as in your screenshot?

4
  1. Open the inspector window on the web page.
  2. Click to Toggle Device Toolbar (Top left corner, next to “Elements” you’ll see an icon that looks like a box with a mobile device.)
  3. At the middle of the screen, you see “Responsive” with a down arrow. Click the down arrow and select the mobile device.
  4. Back over by the Toggle Device Toolbar icon, click the three vertical dots and select “Show Device Frame”
5

Nice looking page @cow240. Some things to revisit;

  • Run your HTML code through the W3C validator.
    • Since copy/paste from codepen you can ignore the first warning and first two errors.
    • There are coding errors you should address.
    • Take the section warning with a grain of salt. It’s there to let you know how to make your page better using semantics.
  • Check that the email field is filled in properly when clicking submit. Throw an error if not.
    • you learned to do this when you made your survey form
6

many thanks @Roma and @rob-moore1894