Need your feedback on ProductLanding page

Code Feedback
1

Hai.
I have completed my third project Product landing page. Need your feedback on this project.
Product Landing Page

2

Hi @Bhanu_TheLearner, it looks like a good start. I say that because it doesn’t look finished. The sample pricing section looks like placeholders…like you want to add more. Some padding below the boxes would look nice too so the boxes don’t butt right to the bottom of your page.

Some things you may want to revisit;

  • codepen only expects the code you’d put within the <body> </body> tags in HTML. (No need to include the body tags). For anything you want to add to the <head> click on the ‘Settings’ button and add it into the ‘Stuff for <head>’ box.
    • The link to your font would go in the box labeled ‘Stuff for <head>’
  • codepen provides validators for HTML, CSS and JS. Click on the down arrow in the upper right of each section and then click on the respective ‘Analyze’ link. There’s a duplicate in CSS to clean up and an invalid attribute in HTML to clean up.
  • Blue text on green is hard to read. Rethink your color choices.
3

Also, the email text box could use some padding on the left.

4

Thanks a lot Roma. Now i come to know the some of the important features of codepen to imrove my coding skills. I definitely make changes that are necessary.

1 Like