Treehouse | Community | Column Layout with Media Queries

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

New No-Code Track! 🚀start learning today!

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

✨ Earn college credits in Cybersecurity, JS, HTML, CSS and Python

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
Kirt Perez
7,374 Points
Here's my attempt. Critique is encouraged!

Posted October 28, 2020 4:33am by Kirt Perez

Kirt Perez
7,374 Points
0 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
ja5on
10,338 Points
I'm on:- Before You Start the Layout Project, and stuck

Posted July 27, 2020 8:21pm by ja5on

ja5on
10,338 Points
3 Answers
Yen Yen To
Front End Web Development Techdegree Student 4,307 Points
Trying to find the "follow-up videos" mentioned at the top of this page.

Posted July 13, 2020 11:42pm by Yen Yen To

Yen Yen To
Front End Web Development Techdegree Student 4,307 Points
1 Answer
PLUS

Talha Rashid
Courses Plus Student 4,645 Points
When I Use in-line block why my image moves away from the center.Does anyone tell?

Posted June 19, 2020 9:23am by Talha Rashid

Talha Rashid
Courses Plus Student 4,645 Points
1 Answer
Gerald Susanteo
Front End Web Development Techdegree Student 7,117 Points
How do you setup sticky footer? i still quite dont understand that part and i have trouble adding it to my footer

Posted June 9, 2020 9:26am by Gerald Susanteo

Gerald Susanteo
Front End Web Development Techdegree Student 7,117 Points
2 Answers
Jake Almendarez
Front End Web Development Techdegree Student 4,250 Points
why inline block instead of inline?

Posted June 6, 2020 12:47am by Jake Almendarez

Jake Almendarez
Front End Web Development Techdegree Student 4,250 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
PLUS

Aaron Bailey
Courses Plus Student 2,915 Points
What is the key command he uses to indent a selection of text to make it look more presentable?

Posted February 19, 2020 10:03pm by Aaron Bailey

Aaron Bailey
Courses Plus Student 2,915 Points
2 Answers
Nelson J
7,411 Points
What's wrong with my nav at tablet and phone size, also am I doing it wrong for not targeting desktop with @media?

Posted February 10, 2020 7:16pm by Nelson J

Nelson J
7,411 Points
1 Answer
Joshua Kohantab
6,577 Points
Why does the instructor, using fixed padding values for the main nav elements and not em units

Posted December 16, 2019 8:09pm by Joshua Kohantab

Joshua Kohantab
6,577 Points
1 Answer
mohamedahmedgehad
11,541 Points
Can someone check my code? I did the challenge in a different way

Posted November 13, 2019 10:42am by mohamedahmedgehad

mohamedahmedgehad
11,541 Points
1 Answer
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
joeyh
Front End Web Development Techdegree Graduate 13,065 Points
Can't seem to get clearfix to work, maybe it isn't even appropriate here. Footer is eating entire page.

Posted September 8, 2019 3:19pm by joeyh

joeyh
Front End Web Development Techdegree Graduate 13,065 Points
1 Answer
Abbhishek Soni
Front End Web Development Techdegree Student 8,767 Points
can anyone check my style.css for this layout challenge and tell is it wrong or i can do like this also?

Posted July 25, 2019 4:24am by Abbhishek Soni

Abbhishek Soni
Front End Web Development Techdegree Student 8,767 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
Laly Singh
2,029 Points
.clearfix not working media query 769px for columns

Posted May 28, 2019 9:52am by Laly Singh

Laly Singh
2,029 Points
1 Answer
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
Having trouble separating float elements properly in footer for mobile-view?

Posted May 17, 2019 11:07pm by vamosrope14

vamosrope14
14,932 Points
1 Answer
vamosrope14
14,932 Points
Why is my h1 appearing as an in-line as opposed to a block?

Posted May 17, 2019 5:55pm by vamosrope14

vamosrope14
14,932 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
vamosrope14
14,932 Points
How do I know WHEN to center the container holding content?

Posted May 16, 2019 2:30am by vamosrope14

vamosrope14
14,932 Points
1 Answer
vamosrope14
14,932 Points
Which elements are page elements?

Posted May 16, 2019 2:20am by vamosrope14

vamosrope14
14,932 Points
1 Answer
vamosrope14
14,932 Points
How do we know when to add a gutter to our columns?

Posted May 16, 2019 2:14am by vamosrope14

vamosrope14
14,932 Points
2 Answers

Prev Page 1 of 5 Next

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