# Responsive Product Landing Page - Feedback

**URL:** <https://forum.freecodecamp.org/t/responsive-product-landing-page-feedback/451266>\
**Category:** I Built This\
**Created:** [March 15, 2021, 7:09pm UTC](https://forum.freecodecamp.org/t/responsive-product-landing-page-feedback/451266 "2021-03-15T19:09:46Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![TheLazyCoder12](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/thelazycoder12/32/209306_2.png) [@TheLazyCoder12](https://forum.freecodecamp.org/u/TheLazyCoder12)\
**Post date:** [March 15, 2021, 7:09pm UTC](https://forum.freecodecamp.org/t/responsive-product-landing-page-feedback/451266/1 "2021-03-15T19:09:46Z")

</div>

Hey there! I finished my third project today, and I’m pretty happy with what I was able to create. Any feedback would be appreciated 🙂

[https://codepen.io/The-Lazy-Coder/full/YzpgByg](https://codepen.io/The-Lazy-Coder/full/YzpgByg)

---

<div class="post-metadata">

**Author:** ![Roma](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/roma/32/112899_2.png) [@Roma](https://forum.freecodecamp.org/u/Roma)\
**Post date:** [March 15, 2021, 8:35pm UTC](https://forum.freecodecamp.org/t/responsive-product-landing-page-feedback/451266/2 "2021-03-15T20:35:56Z")

</div>

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

- Keep the test script when forking the pen (`<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>`)
  - The test script, **with all tests passing** , should be included when you submit your projects.
  - Your page passes **15/16** user stories. Click the red button to see which test(s) are failing and text to help you correct the issue.
  - **Be sure and read more than just the first line of the failing message**. The ability to read and comprehend error messages is a skill you’ll need to acquire as a developer. Ask questions on what you don’t understand.

- Run your HTML code through the [W3C validator](https://validator.w3.org/#validate_by_input).
  - There is an HTML coding error you should be aware of and address. (This is HTML5. Get rid of that obsolete attribute and use CSS)
  - Since copy/paste from codepen you can ignore the first warning and first two errors.

- Codepen provides validators for HTML, CSS and JS. Click on the chevron in the upper right of each section and then click on the respective ‘Analyze’ link.
  - The one for CSS is good. Use it and address the issue(s).
  - (The one for HTML misses things which is why I recommend W3C)

- 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

- Change the cursor to a pointer when hovering over the submit button

---

<div class="post-metadata">

**Author:** ![TheLazyCoder12](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/thelazycoder12/32/209306_2.png) [@TheLazyCoder12](https://forum.freecodecamp.org/u/TheLazyCoder12)\
**Post date:** [March 16, 2021, 2:37pm UTC](https://forum.freecodecamp.org/t/responsive-product-landing-page-feedback/451266/3 "2021-03-16T14:37:35Z")

</div>

Hello! I finally finished tweaking my product landing page and I was wondering if anyone could give me some feedback now that it’s actually complete.

Here’s the link: [https://codepen.io/The-Lazy-Coder/full/YzpgByg](https://codepen.io/The-Lazy-Coder/full/YzpgByg)

Thank you ^^

---

<div class="post-metadata">

**Author:** ![jwilkins.oboe](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/jwilkins.oboe/32/179497_2.png) [@jwilkins.oboe](https://forum.freecodecamp.org/u/jwilkins.oboe)\
**Post date:** [March 16, 2021, 3:05pm UTC](https://forum.freecodecamp.org/t/responsive-product-landing-page-feedback/451266/4 "2021-03-16T15:05:52Z")

</div>

Hi @TheLazyCoder12 !

I think your page looks good.

The only thing that I noticed was that the navbar links disappear completely at a center break point.

So maybe it would be better to play around with a hamburger menu for smaller devices.

Keep up the good work!

---

<div class="post-metadata">

**Author:** ![TheLazyCoder12](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/thelazycoder12/32/209306_2.png) [@TheLazyCoder12](https://forum.freecodecamp.org/u/TheLazyCoder12)\
**Post date:** [March 16, 2021, 3:06pm UTC](https://forum.freecodecamp.org/t/responsive-product-landing-page-feedback/451266/5 "2021-03-16T15:06:32Z")

</div>

Great idea! I’ll look into that.

---

<div class="post-metadata">

**Author:** ![Roma](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/roma/32/112899_2.png) [@Roma](https://forum.freecodecamp.org/u/Roma)\
**Post date:** [March 16, 2021, 9:40pm UTC](https://forum.freecodecamp.org/t/responsive-product-landing-page-feedback/451266/6 "2021-03-16T21:40:58Z")

</div>

@TheLazyCoder12, as I mentioned previously;

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

---

<div class="post-metadata">

**Author:** ![system](https://global.discourse-cdn.com/freecodecamp/original/3X/e/1/e1c433102e34b46dfaa3e15d13ab9a514b127078.svg) [@system](https://forum.freecodecamp.org/u/system)\
**Post date:** [September 15, 2021, 9:41am UTC](https://forum.freecodecamp.org/t/responsive-product-landing-page-feedback/451266/7 "2021-09-15T09:41:36Z")

</div>

Closed on September 15, 2021, 9:41am UTC

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.