Need help for flexible margin layout in responsive designing section

Hi Payal,

I'd love to help you out! Can you be a little bit more specific? What seems to be giving you difficulty?

If you'd like, you can post your code on Code Pen and then share the link here. That will make it much easier to help.

I am sorry the my question was not clear.What i meant to ask is how can i adjust the margin of the "smells like bakin" website as instructed in the responsive web design tutorial video.The example given is clear,but i am not able to use the technique in the code of "smells like bakin" website i mean the percentage calculations of the margins.

Hi Payal,

Can you provide me with the link to the video that you're having trouble with? There are lots of videos in that course, and lots of instances where margins are used. I want to help, but I'm not sure what part of the code you're talking about. :)

I am having an issue with this also:

My code is at http://codepen.io/anon/pen/ebldH

(Font sizes are funny because I did the extra credit on http://teamtreehouse.com/library/websites/build-a-responsive-website/introduction-to-responsive-web-design)

I don't understand how to change the margin and padding for the .btn class, the copyright div etc etc, all instances of margin and padding. The values I get are all off.

The video I just watched is http://teamtreehouse.com/library/websites/build-a-responsive-website/creating-a-fluid-foundation/creating-flexible-margins

Please help, this has put such a damper on my learning. :(

I now understand everything except why changing:

ul.nav li {
    float: left;
    margin-right: 40px;
}

to

ul.nav li {
    float: left;
    margin-right: 10%;
}

Causes the nav elements to wrap even though there is plenty of space!