Treehouse | Community | Centering Page Content and Creating a Full-width Header

⚡ CYBER NOVEMBER SALE ⚡ 50% off any plan for 6 months, exclusive to new subscribers.

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

Newest
- Newest
- Active
- Unanswered
- Featured
All Topics

Amber Cook
5,556 Points
Why is the text-align property in the main-footer element?

Posted October 24, 2017 4:08am by Amber Cook

Amber Cook
5,556 Points
1 Answer
PLUS

Gonzalo Torres del Fierro
Courses Plus Student 16,751 Points
hello just want to share this page about layout: http://mediag.com/news/popular-screen-resolutions-designing-for-all/

Posted October 20, 2017 12:32am by Gonzalo Torres del Fierro

Gonzalo Torres del Fierro
Courses Plus Student 16,751 Points
0 Answers
yannis sousanis
7,199 Points
I tried this on my own and it worked when it the screen when it was small but when I full expanded it the width was 100%

Posted October 19, 2017 9:03am by yannis sousanis

yannis sousanis
7,199 Points
1 Answer
Bomi Kim
8,006 Points
header not showing in the same line, margin 0 doesn't work

Posted October 17, 2017 7:18pm by Bomi Kim

Bomi Kim
8,006 Points
1 Answer
Andre Kucharzyk
4,479 Points
Problem with footer. Chrome inspect tool shows 89.33 instead of 89. What could be a reason?

Posted October 17, 2017 2:08pm by Andre Kucharzyk

Andre Kucharzyk
4,479 Points
2 Answers
mohamedhalabi
1,968 Points
long story short- Please correct me if im wrong !

Posted September 26, 2017 7:58am by mohamedhalabi

mohamedhalabi
1,968 Points
2 Answers
Anna Gibson
Front End Web Development Techdegree Student 4,468 Points
Footer and header not extending across the page.

Posted September 25, 2017 10:48pm by Anna Gibson

Anna Gibson
Front End Web Development Techdegree Student 4,468 Points
1 Answer
Aakash Srivastav
Full Stack JavaScript Techdegree Student 11,638 Points
h1 default margin

Posted September 24, 2017 6:40am by Aakash Srivastav

Aakash Srivastav
Full Stack JavaScript Techdegree Student 11,638 Points
2 Answers
Maya Shen
7,056 Points
How did the .main-footer {text-align: center;} make all container centered in this page?

Posted September 20, 2017 9:04am by Maya Shen

Maya Shen
7,056 Points
0 Answers
Kara Marotta
2,799 Points
it says "did you add closing <div> tag i did what is wrong?

Posted September 19, 2017 2:52am by Kara Marotta

Kara Marotta
2,799 Points
2 Answers
Teacher Russell
16,873 Points
footer is not sticking already

Posted September 1, 2017 3:16pm by Teacher Russell

Teacher Russell
16,873 Points
1 Answer
Abdullahi Abdinasir Ali
9,520 Points
How do I add the wrapper <div>tag

Posted August 25, 2017 4:27pm by Abdullahi Abdinasir Ali

Abdullahi Abdinasir Ali
9,520 Points
2 Answers
Tatenda Muza
4,015 Points
.container wrapper

Posted August 21, 2017 7:44am by Tatenda Muza

Tatenda Muza
4,015 Points
2 Answers
tony kim
990 Points
after i removed width: 70% and margin: 0 auto from .container and added it to @media

Posted August 12, 2017 12:30am by tony kim

tony kim
990 Points
3 Answers
Navneet Singh
2,424 Points
min-height, calc not fixing Scroll issue.

Posted August 8, 2017 11:10am by Navneet Singh

Navneet Singh
2,424 Points
6 Answers
ywang04
6,762 Points
The min-width value in media query

Posted August 3, 2017 2:12am by ywang04

ywang04
6,762 Points
1 Answer
J Tan
11,847 Points
Why adding padding to only .main-header fixes collapse?

Posted July 29, 2017 6:41pm by J Tan

J Tan
11,847 Points
1 Answer
Sachin Admane
1,396 Points
Why was the wrapper for the header added inside of the <header> tag instead of outside it?

Posted July 18, 2017 9:03pm by Sachin Admane

Sachin Admane
1,396 Points
2 Answers
dojewqveaq
11,393 Points
Nope... footer won't stick to the bottom of the page...

Posted July 16, 2017 12:00pm by dojewqveaq

dojewqveaq
11,393 Points
3 Answers
jlampstack
23,932 Points
Why would normalize add a margin to h1 in the first place?

Posted July 2, 2017 1:46pm by jlampstack

jlampstack
23,932 Points
2 Answers
Jonavan Helom
2,593 Points
select class 'container'

Posted July 1, 2017 8:51pm by Jonavan Helom

Jonavan Helom
2,593 Points
1 Answer
Katsumi Suno
4,194 Points
Is there a logical reason behind collapsing margins?

Posted June 29, 2017 3:35pm by Katsumi Suno

Katsumi Suno
4,194 Points
2 Answers
Sam Nigh
2,335 Points
class container

Posted June 25, 2017 6:34pm by Sam Nigh

Sam Nigh
2,335 Points
4 Answers
Jon Mirow
9,864 Points
"Set the wrapper's width to 80% of the browser width, then use margins to center the wrapper in the browser"

Posted June 11, 2017 8:21am by Jon Mirow

Jon Mirow
9,864 Points
1 Answer
PLUS

Margarita Cascante Makarova
Courses Plus Student 3,053 Points
How to maintain the same sizing in all screens?

Posted May 21, 2017 8:57pm by Margarita Cascante Makarova

Margarita Cascante Makarova
Courses Plus Student 3,053 Points
0 Answers
Masha Blair
13,005 Points
Hello, I need to know how recent is the class "CSS Layouts Basics"? When was it created? Is it still current info?

Posted May 18, 2017 4:21pm by Masha Blair

Masha Blair
13,005 Points
3 Answers
Tomasz Cysewski
2,736 Points
Setting fixed footer - Why in my case proper min-height is 130px instead of 114px?

Posted May 10, 2017 4:51am by Tomasz Cysewski

Tomasz Cysewski
2,736 Points
1 Answer
PLUS

Bei Zhang
Courses Plus Student 7,113 Points
i checked the vertical elements, there is no larger part can collapse. could you kindly help me to check?

Posted April 20, 2017 10:00am by Bei Zhang

Bei Zhang
Courses Plus Student 7,113 Points
1 Answer
grol lol
1,177 Points
the placement

Posted April 15, 2017 11:59am by grol lol

grol lol
1,177 Points
1 Answer
Saud ALQahtani
7,842 Points
BUMMER!! did you add a closing <div> tag heeelllp it's not working

Posted April 15, 2017 10:25am by Saud ALQahtani

Saud ALQahtani
7,842 Points
1 Answer

Prev Page 5 of 9 Next

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