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

Posted by Monica Anderson
Monica Anderson
3,621 Points

I improved a page of my fictitious business website to have a gallery using lightbox, and need help with responsiveness

Hello, I improved a page of my fictitious business website to have a gallery using the orginal lightbox, and need help with responsiveness. The top part of the website is responsive but what I need is to have the images be two across instead of 4 across when it is opened up in mobile version. I know I have to do something with the images in the responsive css file. Here is a link to the website: www.monikaandersondesign.com/gallery.html Here is the code I believe I need to change in the responsive.css file:

.thumbnails a { float: left; width: 25%; padding-right: 15px; margin-bottom: 15px; box-sizing: border-box; } Thanks so much. Monika Anderson

Monica Anderson
Monica Anderson
3,621 Points

Sorry about the sound. It was requested I add sound using javascript for the page.

Monica Anderson
Monica Anderson
3,621 Points

Right now I am trying to fix it to be responsive it is supposed to be 4 across on desktop and 2 across on mobile but I put this in the responsive.css file and now it is 2 across on both desktop and mobile. .thumbnails a { float: left; width: 50%; padding-right: 15px; margin-bottom: 15px; box-sizing: border-box; } I am not sure what I am doing wrong

Monica Anderson
Monica Anderson
3,621 Points

I desperately need help on this. If I go into the responsive.css and change the width from 25% to 50% then the desktop have 2 across and the mobile version has 4 across. Please help. Thanks

2 Answers

Craig Watson
Craig Watson
27,930 Points

Hi Monica,

Sorry for the delay, have you gotten to the bottom of this yet or are you still needing a hand?

Craig

Monica Anderson
Monica Anderson
3,621 Points
Monica Anderson
Monica Anderson
3,621 Points

thanks yes I did