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 Rikki Collier
Rikki Collier
2,708 Points

Responsive Image Gallery

Hi Treehouse,

Spent the last couple of hours trying to make a responsive image gallery with flexbox. You'd think it was quite easy. It probably is, but I've tried a lot of things from google/ SO and none seem to really work.

Is there a way to achieve the image gallery effect as seen here:

http://www.iamlumberjack.com/

If you scroll down a bit you can see an instagram feed.

I basically want my images to resize according to browser size. Essentially what they have on that website there.

Any help would be really appreciated!

Thanks,

Rik

1 Answer

Garrett Sanderson
Garrett Sanderson
12,735 Points
Garrett Sanderson
Garrett Sanderson
12,735 Points

Have you looked into using foundations block grid? This makes creating responsive grid layouts so easy.