Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

HTML How to Make a Website Styling Web Pages and Navigation Style the Portfolio

Harjit Bains
Harjit Bains
629 Points
Posted by Harjit Bains
Harjit Bains
629 Points

The gallery does not divide into two columns

Hey guys. So I followed every step in the video and when I refresh my page I do not get the same division and layout of the gallery in the mobile view. I have checked and rechecked my html and css but cannot find any faults in the coding, could anyone maybe take a look and tell me what I may be doing wrong, I have posted the links to my html and css, thanks

https://w.trhou.se/sv3er9u5fz

2 Answers

Mahmood Bawazir
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Mahmood Bawazir
Front End Web Development Techdegree Graduate 17,567 Points
Mahmood Bawazir
.a{fill-rule:evenodd;}techdegree seal-36
Mahmood Bawazir
Front End Web Development Techdegree Graduate 17,567 Points

Hi, you have selected the wrong element on line 19 of your CSS. "Image" is not a html element, the correct element is img, changing your css to img{max-width: 100%;} should fix it.

Harjit Bains
Harjit Bains
629 Points
Harjit Bains
Harjit Bains
629 Points

That worked perfectly thank you very much dude! I thought it was meant to be Image as that's what my folder was named but I get it now