Treehouse | Community | Column Layout with Media Queries

🤑 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

Lisa Walters
Front End Web Development Techdegree Graduate 15,255 Points
Are 769 and 1025 pixels standard for @media? Also, do people ever create the containers and their sizes first?

Posted December 17, 2020 2:42am by Lisa Walters

Lisa Walters
Front End Web Development Techdegree Graduate 15,255 Points
2 Answers
ja5on
10,338 Points
most of my code didnt go inside media queries

Posted August 30, 2020 6:59pm by ja5on

ja5on
10,338 Points
1 Answer
PLUS

ALEKSANDAR TODOROVSKI
Courses Plus Student 8,508 Points
clearfix and columns does not work on screen for 1025px , can someone help me please i did step by step from Guill

Posted August 4, 2020 7:45am by ALEKSANDAR TODOROVSKI

ALEKSANDAR TODOROVSKI
Courses Plus Student 8,508 Points
1 Answer
Sam Bailey
8,425 Points
Can't get navigation to display on same line as Best City Guide

Posted April 17, 2020 5:10pm by Sam Bailey

Sam Bailey
8,425 Points
1 Answer
ejg
7,384 Points
Unable to use 100% for the addition of the column width and have them operating as floats at the same time

Posted April 16, 2020 7:33pm by ejg

ejg
7,384 Points
1 Answer
PLUS

Derek Khanna
Courses Plus Student 819 Points
Can't get my nav on same line

Posted February 23, 2020 7:42pm by Derek Khanna

Derek Khanna
Courses Plus Student 819 Points
2 Answers
Bernard Smith
Full Stack JavaScript Techdegree Student 10,367 Points
right gap

Posted October 25, 2019 11:42pm by Bernard Smith

Bernard Smith
Full Stack JavaScript Techdegree Student 10,367 Points
1 Answer
Laura Arias
4,620 Points
The main content for medium screens, there is a sec when the title of the 3rd part is not on its place. How to fix it?

Posted June 28, 2019 9:50am by Laura Arias

Laura Arias
4,620 Points
0 Answers
Robert Rydlewski
3,828 Points
problem with displaying col in medium and bigger display :(

Posted June 22, 2019 12:21pm by Robert Rydlewski

Robert Rydlewski
3,828 Points
0 Answers
Lucas Guimarães
Front End Web Development Techdegree Student 3,900 Points
I have some questions about clearfix and inline x float.

Posted May 24, 2019 10:42pm by Lucas Guimarães

Lucas Guimarães
Front End Web Development Techdegree Student 3,900 Points
1 Answer
vamosrope14
14,932 Points
Why does the third column stay on its own line, while the two columns are able to float together?

Posted May 16, 2019 2:54am by vamosrope14

vamosrope14
14,932 Points
1 Answer
vamosrope14
14,932 Points
Why didn't we give the footer a max-width of 1050px as well?

Posted May 16, 2019 2:49am by vamosrope14

vamosrope14
14,932 Points
1 Answer
kingsley Emeka
Full Stack JavaScript Techdegree Graduate 18,238 Points
3 columns on same line

Posted February 17, 2019 10:02pm by kingsley Emeka

kingsley Emeka
Full Stack JavaScript Techdegree Graduate 18,238 Points
1 Answer
maya sophie
5,754 Points
only 2 columns are sitting side by side

Posted January 19, 2019 6:52pm by maya sophie

maya sophie
5,754 Points
2 Answers
Vaiva Ignataviciute
3,652 Points
Is it ok to add margin-left: 150px to .container for 1150px screens to centralize the page?

Posted August 13, 2018 11:57am by Vaiva Ignataviciute

Vaiva Ignataviciute
3,652 Points
1 Answer
Vaiva Ignataviciute
3,652 Points
Something is wrong. Where is the mistake and why ? :)

Posted August 13, 2018 11:10am by Vaiva Ignataviciute

Vaiva Ignataviciute
3,652 Points
2 Answers
Leo Marco Corpuz
18,975 Points
My clearfix isn't working

Posted July 16, 2018 1:54am by Leo Marco Corpuz

Leo Marco Corpuz
18,975 Points
1 Answer
mo sam
1,002 Points
@media (min-width : 1025px){ } dosen't work with me

Posted July 14, 2018 10:26am by mo sam

mo sam
1,002 Points
1 Answer
Mark Bernard
2,746 Points
anyone know why my colums are not centered?

Posted May 20, 2018 9:17am by Mark Bernard

Mark Bernard
2,746 Points
1 Answer
baderbouta
7,804 Points
How precise is everything expected to be?

Posted May 18, 2018 5:19pm by baderbouta

baderbouta
7,804 Points
3 Answers
Mino Karadzhov
8,167 Points
My footer is collapsing, even after clearfix

Posted April 12, 2018 10:16am by Mino Karadzhov

Mino Karadzhov
8,167 Points
3 Answers
PLUS

Wadzanai Mufunde
Courses Plus Student 9,174 Points
My columns won't work correctly.

Posted April 5, 2018 10:57pm by Wadzanai Mufunde

Wadzanai Mufunde
Courses Plus Student 9,174 Points
1 Answer
Rick Wise
4,034 Points
I need help with my columns!

Posted April 5, 2018 6:41pm by Rick Wise

Rick Wise
4,034 Points
2 Answers
Rimvydas Šidlauskas
2,886 Points
Could someone help me, I can't get main-nav centered.

Posted February 7, 2018 4:44pm by Rimvydas Šidlauskas

Rimvydas Šidlauskas
2,886 Points
1 Answer
Luqman Shah
3,016 Points
Why isn't the clearfix working?!

Posted December 8, 2017 11:50pm by Luqman Shah

Luqman Shah
3,016 Points
1 Answer
Luqman Shah
3,016 Points
Why isn't the clearfix working?!

Posted December 8, 2017 7:52pm by Luqman Shah

Luqman Shah
3,016 Points
2 Answers
Steve Gallant
14,943 Points
Using display:inline method for columns - extra horiz whitespace after col 3

Posted November 28, 2017 4:57pm by Steve Gallant

Steve Gallant
14,943 Points
1 Answer
Sean Flanagan
33,235 Points
Blue area doesn't cover entire class secondary

Posted November 21, 2017 1:18am by Sean Flanagan

Sean Flanagan
33,235 Points
4 Answers
jiwan gurung
4,248 Points
what do you need to do to make the column float left and right?

Posted October 13, 2017 5:05am by jiwan gurung

jiwan gurung
4,248 Points
1 Answer
György Varga
19,198 Points
Columns not working with

Posted September 27, 2017 11:38am by György Varga

György Varga
19,198 Points
2 Answers

Prev Page 1 of 2 Next

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