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.
The CSS code made my img disappear
When following along with the tutorial, I entered the CSS code in the exact way the instructor did, yet when I preview my website, the img no longer appears. When I remove the + display: block; + from the CSS code, the img reappears. Any idea why this is happening? Also, around the same time this started, the Portfolio link stopped working as well. I've checked my html code, and CSS code and can't find anything wrong with either issues.
I had the same issue when I used Firefox. There is even a technote under the video specifically for this case. All you have to do is to add clear: both before display: block to fix this issue