Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS How to Make a Website Styling Web Pages and Navigation Create a Horizontal List of Links

remove padding

remove the padding on the unordered list. Hello My name is Lucian and i can't remove padding or i do something rong can you help me ? thank you

10 Answers

Hi Nici,

I copied and pasted your code as is into the code challenge and it worked. Maybe refresh or restart your browser?

Edit: I just noticed there is nothing in your code about removing padding.

Jeff

Chris Shaw
Chris Shaw
26,676 Points

Hi Lucian,

The easiest way of removing padding is.

ul {
    padding: 0;
}

To removing the padding on the list items it's the same process but instead of ul you can target li.

Hi thank you very much but i din't fix the problem I have a challenge thisi is first Select the unordered list nested inside the nav element. Remove the margins on the top and bottom. Set the margins on the left and right to 10px. after i do this will apear this

Using the same selector as the previous step, remove the bullet points and remove the padding on the unordered list.

and i removed the bullet points but I can remove the padding what I do rong ?

We need to see your code.

a { text-decoration: none; }

wrapper {

max-width: 940px; margin: 0 auto; }

logo {

text-align: center; margin: 0; }

h1, h2 { color: #fff; }

nav a { color: #fff; }

nav a:hover { color: #32673f; }

h1 { font-family: โ€˜Changa Oneโ€™, sans-serif; font-size: 1.75em; font-weight: normal; }

img { max-width: 100%; }

gallery {

margin: 0; padding: 0; list-style: none; }

gallery li {

float: left; width: 45%; margin: 2.5%; background-color: #f5f5f5; color: #bdc3c7; }

nav ul { margin: 0 10px; }

This is my code in css I am waiting an answer Thank you

Ok Thank you very much I will try to restar the browser

Ok Thank you very much I will try to restar the browser