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

HTML How to Make a Website Styling Web Pages and Navigation Polish the Navigation and Footer

Posted by Ahmed Elgabri
Ahmed Elgabri
484 Points

images are a little bit shifted to the right.

Hi, I'm having a problem when I preview my web page I find that images are a little bit shifted to the right. I tried setting padding in #gallery to 0 but nothing happened.

Here's my workspace.

https://w.trhou.se/1tz1uxhmj1

Thanks in advance.

2 Answers

Russell Sawyer
seal-mask
.a{fill-rule:evenodd;}techdegree
Russell Sawyer
Front End Web Development Techdegree Student 15,705 Points
Russell Sawyer
.a{fill-rule:evenodd;}techdegree
Russell Sawyer
Front End Web Development Techdegree Student 15,705 Points

Hi Ahmed,

It looks like your padding, shown below, is what is causing the images to be offset from their background. Very weird. I have it commented out to highlight it for you. FYI I opened the developer tools and just started unchecking boxes until the images aligned with their background. I would have never guessed it would have been that one. :)

a {
  font-weight: 800;
/*  padding: 15px 10px; */
}
Ahmed Elgabri
Ahmed Elgabri
484 Points
Ahmed Elgabri
Ahmed Elgabri
484 Points

Oh god, thanks a lot. I couldn't figure it out and it almost killed me, lol. :D