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 How to Make a Website Styling Web Pages and Navigation Style the Portfolio

Posted by Stephen Guest
Stephen Guest
574 Points

Floating part is not working for me

I write the exact code in my main.css that's in the video, yet my images do not float and do not go into two columns like the video.

rydavim
rydavim
18,814 Points
rydavim
rydavim
18,814 Points

You'll need to post your code, or provide a workspace snapshot link so that we can help you figure out what might be going wrong.

2 Answers

Joshua Harman
Joshua Harman
8,821 Points
Joshua Harman
Joshua Harman
8,821 Points

Hi Stephen!!

As rydavim said, would you mind attaching a link to your snapshot?

  1. Open your Workspace
  2. Click "Snapshot Workspace" (the camera icon left of "Preview Workspace")
  3. Click "Take Snapshot" then click again to open the Snapshot.
  4. Copy and share the url link :-)
Steve Kroll
Steve Kroll
6,389 Points
Steve Kroll
Steve Kroll
6,389 Points

Hi Stephen,

I had the same issue. I followed the exact code in the video and my images floated left while my footer moved up to the right. To correct this I used: #gallery img{} instead of the: #gallery li{} used in the video...

Also, in order to keep the footer on the bottom, I added:

clear: both;

to the: #footer{} section. Otherwise the footer would keep drifting up to the right when adjusting the browser window size.