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

Understanding Flexbox/Media Query issues

I've been working on a personal project to try and test/practice what I've learned here with HTML and CSS by building my partner her website. I began with the mobile first approach and built the website to 'fit' on a phone screen. That seemed to work fine where the figures all snapped to 100% of their container. Once I started working on the Media Query to have the figures and shrink with a larger screen size and orientate beside each other, they lost the 100% container formatting, and now have all different sizing. Could I ask if someone would be able to tell me what step I have missed to cause this issue?

I will try to include a workspace snapshot here: https://w.trhou.se/smg1ne4414

1 Answer

Steven Parker
Steven Parker
231,007 Points

The HTML file is trying to load "material.css" but there isn't a file by that name in the workspace. Did you mean to load "styles.css" instead?

Also, the sources that the IMG elements are trying to load don't exist in the images folder.