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 Tom Coady
Tom Coady
369 Points

How do I get my gallery to scale into 2 columns? I have followed the tutorial?

I have followed the tutorial and have tried to get my gallery to go into two columns and scale. Can anyone help? I will put the code below.

Cheers

Tom

Tom Coady
Tom Coady
369 Points

This is my code: I have put a gallery id in the html list section and applied a css id with the properties that the tutorial outlined but don't seem to be able to get my pictures to scale.

https://w.trhou.se/rrsw7uaeih

Byron Stine
Byron Stine
4,877 Points

When I click on the link to your code the page states, "the workspace snapshot you are looking for doesn't exist."

4 Answers

Byron Stine
Byron Stine
4,877 Points
Byron Stine
Byron Stine
4,877 Points

I figured it out. There is a problem with the path name in your links to the CSS files. The files are located in a folder named 'CSS' with capital letters. But in your index.html file you have the pathname as href="css/main.css" and href="css/normalize.css". To fix this, you need to change the folder name to lowercase css or change the pathname to uppercase href="CSS/main.css" and href="CSS/normalize.css"

Paul K.
Paul K.
12,110 Points

genius!

Byron Stine
Byron Stine
4,877 Points

I would check your styling once you access your css. The current styling has shifted your elements under your header and h1 elements. But it's looking good! Have fun designing!

Tom Coady
Tom Coady
369 Points

Hi Byron

Thank you so much for this!

Yes you are a genius!!

Cheers

Tom

Paul K.
Paul K.
12,110 Points
Paul K.
Paul K.
12,110 Points

it involves float and setting the width..

I would rewatch the video and follow step by step AGAIN.. or another option is to download the finishes files under the "downloads" section, and compare what you have .. that's the way I've been learning

Tom Coady
Tom Coady
369 Points

Thank you for your help to Hae

Cheers

Tom

Tom Coady
Tom Coady
369 Points
Tom Coady
Tom Coady
369 Points

I've looked at the video again and can't seem to work it out. I have posted my code here again. I hope Byron or Hae can access it.

Any help would be much appreciated!

Cheers!

https://w.trhou.se/mr58fb3u69

Paul K.
Paul K.
12,110 Points

which video is this from? it would help me in the process of helping you

Tom Coady
Tom Coady
369 Points
Tom Coady
Tom Coady
369 Points

Hi Hae

It's called 'Style The Portfolio'.

Cheers Tom