# Product Landing Page project Questions

**URL:** <https://forum.freecodecamp.org/t/product-landing-page-project-questions/168185>\
**Category:** General\
**Created:** [January 11, 2018, 5:06pm UTC](https://forum.freecodecamp.org/t/product-landing-page-project-questions/168185 "2018-01-11T17:06:25Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![pocahontas123](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/pocahontas123/32/66693_2.png) [@pocahontas123](https://forum.freecodecamp.org/u/pocahontas123)\
**Post date:** [January 11, 2018, 5:06pm UTC](https://forum.freecodecamp.org/t/product-landing-page-project-questions/168185/1 "2018-01-11T17:06:25Z")

</div>

Hi,  
i’m doing this exercice and i would like some help.  
First, at the top in the nav-bar, i think what i did is not good. First, because link are now in reverse.  
Then, at the bottom with the 3 divs with price, when i hover, the width change. I tried box sizing but not working or base using from me.  
Finally, i would like some help about “responsivness”. For now, it doesn’t have any 😕

JsFiddle:  
[https://jsfiddle.net/poca123/hmfpuqvr/](https://jsfiddle.net/poca123/hmfpuqvr/)

CodePen:  
[https://codepen.io/pocahontas123/pen/](https://codepen.io/pocahontas123/pen/) YYLVWa

> **[pocahontas123/Product-Landing-Page-GIT](https://github.com/pocahontas123/Product-Landing-Page-GIT)**
>
> Contribute to pocahontas123/Product-Landing-Page-GIT development by creating an account on GitHub.

---

<div class="post-metadata">

**Author:** ![pocahontas123](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/pocahontas123/32/66693_2.png) [@pocahontas123](https://forum.freecodecamp.org/u/pocahontas123)\
**Post date:** [January 11, 2018, 5:58pm UTC](https://forum.freecodecamp.org/t/product-landing-page-project-questions/168185/3 "2018-01-11T17:58:18Z")

</div>

Hi, i’m going to try it ! thx

---

<div class="post-metadata">

**Author:** ![pocahontas123](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/pocahontas123/32/66693_2.png) [@pocahontas123](https://forum.freecodecamp.org/u/pocahontas123)\
**Post date:** [January 12, 2018, 2:12pm UTC](https://forum.freecodecamp.org/t/product-landing-page-project-questions/168185/4 "2018-01-12T14:12:25Z")

</div>

Hello, i tried your thing and it help thanks.

[https://jsfiddle.net/poca123/hmfpuqvr/](https://jsfiddle.net/poca123/hmfpuqvr/)

[https://codepen.io/pocahontas123/](https://codepen.io/pocahontas123/) pen/xpzGMP

To go one, i would like some help regarding the responsive part and how to fix it.  
Secondly, i did the FCC script but i have issue making 3 steps work althought i have normaly did it right.

```auto
12. When I click the '#submit' element, the email is submitted to a static page (use this mock URL: https://www.freecodecamp.com/email-submit) that confirms the email address was entered (and that it posted successfully).

2. My product landing page should have at least one media query.

3. My product landing page should utilize CSS flexbox at least once.

```

I did:

```auto
<form method="get" action="https://www.freecodecamp.com/email-submit">

```

```auto
@media only screen and (max-width: 500px) {
    #div6 {
		display: none;
    }
}

```

```auto
many display: flex;

```

About responsivess, i can use media queries but i don’t have very good courses only related and focused on this.  
For now, i would like that my page stay the same as much as possible (so at a reasonable mobil size). The nav and footer width less a lot while the rest don’t move a lot.

Thx

---

<div class="post-metadata">

**Author:** ![pocahontas123](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/pocahontas123/32/66693_2.png) [@pocahontas123](https://forum.freecodecamp.org/u/pocahontas123)\
**Post date:** [January 15, 2018, 12:57pm UTC](https://forum.freecodecamp.org/t/product-landing-page-project-questions/168185/5 "2018-01-15T12:57:47Z")

</div>

Hi hello everybody Any one ?

---

<div class="post-metadata">

**Author:** ![arhillis](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/arhillis/32/158968_2.png) [@arhillis](https://forum.freecodecamp.org/u/arhillis)\
**Post date:** [January 15, 2018, 2:09pm UTC](https://forum.freecodecamp.org/t/product-landing-page-project-questions/168185/7 "2018-01-15T14:09:49Z")

</div>

Okay, on the email test, try changing the name to “email”. I know it seems a bit redundant, and I don’t know why you have to do that, but you do.

I’m still trying to figure out some of your other tests.

---

<div class="post-metadata">

**Author:** ![arhillis](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/arhillis/32/158968_2.png) [@arhillis](https://forum.freecodecamp.org/u/arhillis)\
**Post date:** [January 15, 2018, 2:53pm UTC](https://forum.freecodecamp.org/t/product-landing-page-project-questions/168185/8 "2018-01-15T14:53:42Z")

</div>

Oh, and I figured out what was going on with my code. Thanks @pocahontas123 pocahontas123

---

<div class="post-metadata">

**Author:** ![pocahontas123](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/pocahontas123/32/66693_2.png) [@pocahontas123](https://forum.freecodecamp.org/u/pocahontas123)\
**Post date:** [January 15, 2018, 5:51pm UTC](https://forum.freecodecamp.org/t/product-landing-page-project-questions/168185/9 "2018-01-15T17:51:45Z")

</div>

Thx, i will try it out.

---

<div class="post-metadata">

**Author:** ![pocahontas123](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/pocahontas123/32/66693_2.png) [@pocahontas123](https://forum.freecodecamp.org/u/pocahontas123)\
**Post date:** [January 18, 2018, 1:43pm UTC](https://forum.freecodecamp.org/t/product-landing-page-project-questions/168185/10 "2018-01-18T13:43:31Z")

</div>

I tried and it worked for email 🙂 but i still have and error about media queries and flexbox. It’s cerainly an error from the fcc script so i will move on.

---

<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:** [January 17, 2021, 8:18pm UTC](https://forum.freecodecamp.org/t/product-landing-page-project-questions/168185/12 "2021-01-17T20:18:27Z")

</div>


