# Product landing page header issue

**URL:** <https://forum.freecodecamp.org/t/product-landing-page-header-issue/348478>\
**Category:** General\
**Created:** [February 8, 2020, 8:23am UTC](https://forum.freecodecamp.org/t/product-landing-page-header-issue/348478 "2020-02-08T08:23:41Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![ajitesh\_sinha](https://avatars.discourse-cdn.com/v4/letter/a/13edae/32.png) [@ajitesh\_sinha](https://forum.freecodecamp.org/u/ajitesh_sinha)\
**Post date:** [February 8, 2020, 8:23am UTC](https://forum.freecodecamp.org/t/product-landing-page-header-issue/348478/1 "2020-02-08T08:23:42Z")

</div>

I m not able to make the navigation links(features, how it works,pricing) in the navbar sit to right of the navbar. I want to do this using grid. Any suggestions?  
Update1: I m doing this project using flexbox as of now, also I managed to make the elements sit to the extreme left. One thing I’m not able to do is shrink space between navlinks responsively…like the actual FCC product landing page project.  
Here is the link to codepen: [https://codepen.io/ajitesh\_sinha/pen/mdJeMKr?editors=1100](https://codepen.io/ajitesh_sinha/pen/mdJeMKr?editors=1100)

---

<div class="post-metadata">

**Author:** ![pjonp](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/pjonp/32/131704_2.png) [@pjonp](https://forum.freecodecamp.org/u/pjonp)\
**Post date:** [February 8, 2020, 8:34am UTC](https://forum.freecodecamp.org/t/product-landing-page-header-issue/348478/2 "2020-02-08T08:34:13Z")

</div>

Is this one of the certification projects?

Can you post your current progress, code inside ``` backticks or better even a CodePen so we can help see whats going on?

---

<div class="post-metadata">

**Author:** ![ajitesh\_sinha](https://avatars.discourse-cdn.com/v4/letter/a/13edae/32.png) [@ajitesh\_sinha](https://forum.freecodecamp.org/u/ajitesh_sinha)\
**Post date:** [February 8, 2020, 8:39am UTC](https://forum.freecodecamp.org/t/product-landing-page-header-issue/348478/3 "2020-02-08T08:39:16Z")

</div>

Yes, the product landing page project.  
For reference the Original trombones logo is on the left while “features, how it works, pricing” are all on right side of the navigation bar.  
I m stuck there in the beginning, I was only able to place the logo, that’s it. But not able to shift nav links to the right.

---

<div class="post-metadata">

**Author:** ![ILM](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ilm/32/363239_2.png) [@ILM](https://forum.freecodecamp.org/u/ILM)\
**Post date:** [February 8, 2020, 10:03am UTC](https://forum.freecodecamp.org/t/product-landing-page-header-issue/348478/4 "2020-02-08T10:03:52Z")

</div>

please post your code or better a link to your project if you are working on codepen or repl.it or similar

it is impossible to help you without seeing it

I am also moving your thread to #curriculum-help:certification-projects, don’t use #general if there is an other appropriate subforum you can use

---

<div class="post-metadata">

**Author:** ![ajitesh\_sinha](https://avatars.discourse-cdn.com/v4/letter/a/13edae/32.png) [@ajitesh\_sinha](https://forum.freecodecamp.org/u/ajitesh_sinha)\
**Post date:** [February 8, 2020, 10:43am UTC](https://forum.freecodecamp.org/t/product-landing-page-header-issue/348478/5 "2020-02-08T10:43:59Z")

</div>

Here is the link to the pen

> **[Product Landing Page](https://codepen.io/ajitesh_sinha/pen/zYGxdmG)**
>
> ...

Thank u for suggestion regarding #general thing…Actually i m new to this fcc…didn’t know how to use it.  
Thank u

---

<div class="post-metadata">

**Author:** ![ILM](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ilm/32/363239_2.png) [@ILM](https://forum.freecodecamp.org/u/ILM)\
**Post date:** [June 1, 2021, 7:36pm UTC](https://forum.freecodecamp.org/t/product-landing-page-header-issue/348478/6 "2021-06-01T19:36:45Z")

</div>