Prod Landing Guitar Page

Prod Landing Guitar Page
0

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.

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.

Other than that preference, I think it looks great.

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

  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”

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

many thanks @Roma and @rob-moore1894

hi @cow240,
maybe you should add padding: inside your video and image containers.