# Looking for feedback for product landing page **URL:** \ **Category:** I Built This\ **Created:** [June 4, 2021, 9:52pm UTC](https://forum.freecodecamp.org/t/looking-for-feedback-for-product-landing-page/463509 "2021-06-04T21:52:22Z")\ **Posts on this page:** 8\ **Page:** 1
**Author:** ![muubaraq](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/muubaraq/32/217126_2.png) [@muubaraq](https://forum.freecodecamp.org/u/muubaraq)\ **Post date:** [June 4, 2021, 9:52pm UTC](https://forum.freecodecamp.org/t/looking-for-feedback-for-product-landing-page/463509/1 "2021-06-04T21:52:22Z")
**Tell us what’s happening:** Describe your issue in detail here. I would like to get feedback on my product landing page. Don’t know how to reduce the space between the products and footer section. Still dragging it out with a media query **Your code so far** > **[product landing page](https://codepen.io/muubaraq/pen/vYxdroY)** > > ... **Your browser information:** User Agent is: `Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.77 Safari/537.36` **Challenge:** Build a Product Landing Page **Link to the challenge:** > **[freeCodeCamp.org](https://www.freecodecamp.org/learn/responsive-web-design/responsive-web-design-projects/build-a-product-landing-page)** > > Learn to Code — For Free ---
**Author:** ![reedm](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/reedm/32/220359_2.png) [@reedm](https://forum.freecodecamp.org/u/reedm)\ **Post date:** [June 5, 2021, 12:21am UTC](https://forum.freecodecamp.org/t/looking-for-feedback-for-product-landing-page/463509/2 "2021-06-05T00:21:22Z")
The height of your `.main-products` div is set to 1600px. You could consider using margins or padding to add space between those sections rather than setting the height absolutely. ---
**Author:** ![muubaraq](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/muubaraq/32/217126_2.png) [@muubaraq](https://forum.freecodecamp.org/u/muubaraq)\ **Post date:** [June 5, 2021, 12:28am UTC](https://forum.freecodecamp.org/t/looking-for-feedback-for-product-landing-page/463509/3 "2021-06-05T00:28:53Z")
ok. Will do that right away. Thanks ---
**Author:** ![muubaraq](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/muubaraq/32/217126_2.png) [@muubaraq](https://forum.freecodecamp.org/u/muubaraq)\ **Post date:** [June 5, 2021, 12:33am UTC](https://forum.freecodecamp.org/t/looking-for-feedback-for-product-landing-page/463509/4 "2021-06-05T00:33:42Z")
done!! looking good now. Thanks a lot! ---
**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:** [June 5, 2021, 4:01am UTC](https://forum.freecodecamp.org/t/looking-for-feedback-for-product-landing-page/463509/5 "2021-06-05T04:01:07Z")
Hi @muubaraq ! I edited your post to remove the codepen link from the title since we can’t on it when it is there. * * * I think your page looks good. On smaller devices there is a horizontal scrollbar so you need to keep working on responsiveness. ---
**Author:** ![muubaraq](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/muubaraq/32/217126_2.png) [@muubaraq](https://forum.freecodecamp.org/u/muubaraq)\ **Post date:** [June 5, 2021, 10:40am UTC](https://forum.freecodecamp.org/t/looking-for-feedback-for-product-landing-page/463509/6 "2021-06-05T10:40:20Z")
I appreciate your feedback. Thanks. ---
**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:** [June 10, 2021, 2:53pm UTC](https://forum.freecodecamp.org/t/looking-for-feedback-for-product-landing-page/463509/7 "2021-06-10T14:53:11Z")
Your page looks good @muubaraq. Some things to revisit; - Run your HTML code through the [W3C validator](https://validator.w3.org/#validate_by_input). - There are HTML syntax/coding errors you should be aware of and address. - 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). (There’s a typo you should clean up) - (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 - Make your page responsive. Remember, the _R_ in _RWD_ stands for _Responsive_ - There’s a horizontal scrollbar on large and small screens. Elements are too wide for the desktop size and elements do not resize on smaller screens. ---
**Author:** ![system](https://global.discourse-cdn.com/freecodecamp/original/3X/e/1/e1c433102e34b46dfaa3e15d13ab9a514b127078.svg) [@system](https://forum.freecodecamp.org/u/system)\ **Post date:** [December 10, 2021, 2:53am UTC](https://forum.freecodecamp.org/t/looking-for-feedback-for-product-landing-page/463509/8 "2021-12-10T02:53:52Z")
This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.