Treehouse | Community | Build a Three Column Layout

🤑 Join the Treehouse affiliate program and earn 25% commission!

Join our Live Career-Building Workshop: Launch Your Tech-Adjacent Career! ⭐ Register here!

🌟 Dreaming of a bright future? 🎓 Ask about the Treehouse Scholarship program! 🚀

Curious which AI tools Treehouse developers love? ⚙️ Check them out!

🫡 Treehouse for Military offers discounts to Veterans, service members and their families!

Newest
- Newest
- Active
- Unanswered
- Featured
All Topics

Xiao Guo
3,938 Points
Won't change to 3 columns.

Posted April 30, 2017 3:39am by Xiao Guo

Xiao Guo
3,938 Points
0 Answers
Zenikaya Webb
3,191 Points
Gallery images not taking up full space of their columns

Posted April 24, 2017 2:29am by Zenikaya Webb

Zenikaya Webb
3,191 Points
1 Answer
Shukri Mohamed
6,055 Points
header float not working

Posted April 18, 2017 2:31pm by Shukri Mohamed

Shukri Mohamed
6,055 Points
1 Answer
Moses Finlay
Full Stack JavaScript Techdegree Graduate 24,800 Points
How does CLEAR work?

Posted April 16, 2017 7:00am by Moses Finlay

Moses Finlay
Full Stack JavaScript Techdegree Graduate 24,800 Points
1 Answer
Chris Falk
10,321 Points
index.html only displaying three columns/ not going from two columns to three.

Posted April 6, 2017 9:55pm by Chris Falk

Chris Falk
10,321 Points
2 Answers
Scott Wolf
Front End Web Development Techdegree Student 1,148 Points
Nth child doing nothing..Not needed in first place. Why?

Posted April 5, 2017 8:39pm by Scott Wolf

Scott Wolf
Front End Web Development Techdegree Student 1,148 Points
1 Answer
Scott Wolf
Front End Web Development Techdegree Student 1,148 Points
#wrapper not centering excess margin/padding on the right

Posted April 5, 2017 7:44pm by Scott Wolf

Scott Wolf
Front End Web Development Techdegree Student 1,148 Points
2 Answers
PLUS

Adrian Filimon
Courses Plus Student 6,668 Points
Using the clear method doesn't put my imagines in order

Posted March 21, 2017 9:00pm by Adrian Filimon

Adrian Filimon
Courses Plus Student 6,668 Points
5 Answers
Jonathan Vergara
589 Points
Is the code I wrote down the best way to solve my issue? Thanks for the help.

Posted March 20, 2017 12:23am by Jonathan Vergara

Jonathan Vergara
589 Points
1 Answer
PLUS

Adam Hama
Courses Plus Student 3,455 Points
I have checked my code many many times now, yet my layout doesn't go from 3 to 2 columns when I decrease my screen size?

Posted March 19, 2017 7:00pm by Adam Hama

Adam Hama
Courses Plus Student 3,455 Points
3 Answers
Marius Haugen
4,870 Points
Gallery images dosen't stack properly like in the video

Posted March 16, 2017 11:53am by Marius Haugen

Marius Haugen
4,870 Points
0 Answers
mike lyell
3,213 Points
I have checked my code against his 100 times now, yet my layout doesn't go to three columns when I increase screen size

Posted March 5, 2017 5:21am by mike lyell

mike lyell
3,213 Points
6 Answers
John Silverstein
6,290 Points
I thought u cant give an html element more than one id, and u need to use classes for that.

Posted February 28, 2017 2:54pm by John Silverstein

John Silverstein
6,290 Points
2 Answers
Frankie Davison
5,829 Points
All of the content in my "wrapper" id moves down the page when I resize my browser.

Posted February 20, 2017 5:02pm by Frankie Davison

Frankie Davison
5,829 Points
1 Answer
Edwin Neba'a Numfor
1,195 Points
The items in my gallery don't form two columns when i resize my browser to minimum as in the video.

Posted February 18, 2017 7:00am by Edwin Neba'a Numfor

Edwin Neba'a Numfor
1,195 Points
1 Answer
Voyti 1
1,854 Points
Can someone explain to me ":nth-child(4n)" syntax?

Posted February 17, 2017 12:37pm by Voyti 1

Voyti 1
1,854 Points
3 Answers
Voyti 1
1,854 Points
Why "clear: left;" solves the problem of the wrapped caption from the 1st line, pushing out images from the 2nd line?

Posted February 16, 2017 4:22pm by Voyti 1

Voyti 1
1,854 Points
2 Answers
Voyti 1
1,854 Points
Why my 2 sections are not stacking up when window's width is less 480px?

Posted February 16, 2017 3:22pm by Voyti 1

Voyti 1
1,854 Points
5 Answers
Tom Eloe
11,491 Points
Text is wrapping underneath photo

Posted February 13, 2017 6:36pm by Tom Eloe

Tom Eloe
11,491 Points
3 Answers
Jonathan Vergara
589 Points
My elements switch back and forth when resizing the window. need some help to figure it out.

Posted February 9, 2017 3:57pm by Jonathan Vergara

Jonathan Vergara
589 Points
2 Answers
Alok Yadav
1,023 Points
I don't understand why the browser doesn't just push the second row down and make some more space?

Posted February 8, 2017 8:13pm by Alok Yadav

Alok Yadav
1,023 Points
0 Answers
Matthew Matusek
2,261 Points
Contact Details isn't falling underneath my general information when sized smaller. Can anyone help?!?

Posted February 8, 2017 2:02pm by Matthew Matusek

Matthew Matusek
2,261 Points
1 Answer
Matthew Matusek
2,261 Points
My contact info isn't positioning its self like in the video...

Posted February 8, 2017 1:04am by Matthew Matusek

Matthew Matusek
2,261 Points
2 Answers
Bethany Eaton
1,911 Points
2 problems: no margin between contact info paragraphs and edge of browser and images will not go to 3 columns!

Posted February 4, 2017 1:42pm by Bethany Eaton

Bethany Eaton
1,911 Points
0 Answers
Grace Ji
5,402 Points
responsive page

Posted February 3, 2017 5:59pm by Grace Ji

Grace Ji
5,402 Points
0 Answers
Jackson Fischer
2,198 Points
pictures never go to 2 columns when resize? just different browser or what? code is exactly the same as the instructions

Posted February 1, 2017 5:18am by Jackson Fischer

Jackson Fischer
2,198 Points
1 Answer
Natacha Schiettekatte
3,331 Points
Hi! For some reason my media queries aren't creating the additional columns: https://w.trhou.se/9m0d39dlex

Posted January 26, 2017 9:14am by Natacha Schiettekatte

Natacha Schiettekatte
3,331 Points
2 Answers
James Shapiro
2,222 Points
"#gallery li:nth-child(4n)" should be fixed to read "#gallery li:nth-(3n+1)". 4n is the wrong value for this case.

Posted January 13, 2017 10:28pm by James Shapiro

James Shapiro
2,222 Points
2 Answers
Matt Bingham
Front End Web Development Techdegree Student 2,664 Points
columns not working

Posted January 5, 2017 10:16pm by Matt Bingham

Matt Bingham
Front End Web Development Techdegree Student 2,664 Points
1 Answer
Tara Velis
6,506 Points
For some reason, my columns on the 'Contact' page are not stacking on top of each other when resizing the browser window

Posted December 26, 2016 3:28pm by Tara Velis

Tara Velis
6,506 Points
8 Answers

Prev Page 2 of 15 Next

Posting to the forum is only allowed for members with active accounts.
Please sign in or sign up to post.