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!

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

Garrett Kubacki
Garrett Kubacki
740 Points
Posted by Garrett Kubacki
Garrett Kubacki
740 Points

Having some problems getting the grey background color to stop bleeding on right of my gallery images w/ enlarged screen

Tried messing with CSS but couldn't find a fix. I think my code is the same as the walkthrough, but I've had to fix some bugs that were present in the original code already. Thanks for the help.

Tim Holley
Tim Holley
8,464 Points
Tim Holley
Tim Holley
8,464 Points

Can you share some example code, maybe on codepen? Hard to help without knowing what course you are on, or seeing any of your code.

Iain Simmons
Iain Simmons
Treehouse Moderator 32,303 Points

And can you also please share a link to the walkthrough you're looking at?

4 Answers

Garrett Kubacki
Garrett Kubacki
740 Points
Garrett Kubacki
Garrett Kubacki
740 Points

I'm not looking at any specific walkthrough, and I forget exactly which lesson this was on. The gallery picture captions have a background that is grey just around the captioned text. Whenever I make the screen larger, that grey background bleeds up the right side of each picture...i've tried to attach examples.

/Users/smacon2/Desktop/Screen Shot 2015-03-31 at 10.38.02 PM.png /Users/smacon2/Desktop/Screen Shot 2015-03-31 at 10.38.11 PM.png

Iain Simmons
MOD
Iain Simmons
Treehouse Moderator 32,303 Points
Iain Simmons
Iain Simmons
Treehouse Moderator 32,303 Points

I don't think you can just 'attach' images or other files on the forums.

You could try upload it to Imgur and share the generated link here.

I'm guessing it might be an issue with margins/padding, perhaps one being in an absolute sizes and another in percentages or ems.

Garrett Kubacki
Garrett Kubacki
740 Points
Garrett Kubacki
Garrett Kubacki
740 Points

http://imgur.com/oZZEybv,f9Pqtiu#0

This is when the screen is zoomed in some and the grey does not bleed to the right of the image.

http://imgur.com/oZZEybv,f9Pqtiu#1

This is a larger screen size and the grey begins to bleed onto the right of the images. I will attach my CSS sheets in the next post

Garrett Kubacki
Garrett Kubacki
740 Points
Garrett Kubacki
Garrett Kubacki
740 Points

My CSS Code

http://imgur.com/avVtHXa http://imgur.com/krbpRQE http://imgur.com/bbcIQB4 http://imgur.com/s9rL9nL http://imgur.com/NUWeuIo

Thank you so much for your help. If you see anything else that looks wonky feel free to let me know! You guys are awesome, especially lain!

Iain Simmons
Iain Simmons
Treehouse Moderator 32,303 Points

Hi Garrett,

Instead of pasting a screenshot of your CSS in Workspaces, you can now use Treehouse's new 'Snapshot' feature.

You'll notice in Workspaces a new little camera icon a couple over from the preview/eye icon in the top right.

If you hit that, you'll create a shareable 'Snapshot' of your Workspace so we can look at your code as it was when you pressed the button.

That will make it much easier for us to see what might be happening. We can also 'fork' your Workspace Snapshot, which creates a copy on our own Workspaces that we can use, modify and hopefully fix!