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

Sara Parker
Sara Parker
2,238 Points
Posted by Sara Parker
Sara Parker
2,238 Points

Can't get my pictures right. I hope somebody can help me out.

https://w.trhou.se/45hpcvkpqw

I have trouble with my pictures in both the portfolio- and about-page.

At portfolio-page my pictures is in some weird columns. It's like: 2, 1 and 2. It's suppose to be two columns, and when i crop it in mobile-size it's going to be in just one. Like in the video with Nick Pettit which I'm watching.

And theres my about-page. When I have it open in full-size, the profile-picture is suppose to be above the text. But now it's beside. It's first when I crop it down to mobile-size it's suppose to be like now.

I hope somebody can help me.

Sara Parker
Sara Parker
2,238 Points
Sara Parker
Sara Parker
2,238 Points

OBS. I ment the last question vice versa. When i crop it into mobile-size the picture is suppose to be over the text, not beside. And when i have it in the full-version the picture is going beside.

1 Answer

Jaco Kotzee
PLUS
Jaco Kotzee
Courses Plus Student 20,157 Points
Jaco Kotzee
Jaco Kotzee
Courses Plus Student 20,157 Points

Your question regarding the PORTFOLIO page:

If you want your images to be two columns. You currently had 28.3333% which will make it 3 columns.

Within responsive.css:

 @media screen and (min-width: 480px) {

gallery li {
 width: 42.5%; /* makes it two columns for desktop display */
}

}

Remove this code: (that's why you get only one image in the the second row)

  #gallery li:nth-child(4n) {
    clear: left;
  }

It seems that your ABOUT page problem is already fixed?