Help me to review my Product landing page

2 Likes

Hey there,

great job so far! :clap:


My ideas:

  • all tests pass, awesome!

  • when you use codepen, you only have to add the code that belongs into the body; so you can remove this:

<!DOCTYPE html>
<html lang="en">
  <head>
  ...
  </head>
  <body>
  • after you removed this unnecessary stuff, you can get a code validation by pasting your HTML code into the body; you will see some small errors and I think you are able to fix them! :+1:

  • you can increase the readability of your code by:

    1. clicking on the small arrow on the right side of the code box and
    2. clicking Format HTML/CSS
  • you can increase the overall readability of your page by adding some more spacing, e.g. between the different questions; you can read more about it here

  • when I decrease the width of my browser, the navigation menu is gone, poof; I think, especially on smartphones, when pages get longer, it’s good advice to have a navigation

  • on my wide screen, I’m having a hard time to read the content, because the lines are very long, font size and line height are rather small


Keep us posted and keep up the good work!

thank you sir for your your kind suggestion @miku86

1 Like

While using <input type="datetime-local"> it is not widely supported in all the browser.How to make it available in all the browser.