Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

CSS

mrx3
mrx3
8,742 Points

I made a inline-block layout and I have a couple of questions. (Codepen Included).

My codepen : http://codepen.io/mike316/full/VLxBad/

I followed Guils inline-block layout he had us do in one of the videos. In my @media query on line 310 I had to give a margin right of -52px. I'm not sure why I had to give such a big negative number. In Guil's he only had to use -5px. I'm not totally sure if that is correct and if someone could explain to me how to fix this, I would really appreciate it.

My next question concerns lines 314 and 317. The primary content and the secondary content together only total 90% of the total width for the two columns together, and not 100%. I'm trying to figure out why I can only apply 90% to the both columns. I would like the primary to 60% width and the secondary 40% width.

And my final question is about my "Sticky footer" Because the columns are shorter than each other and I want them to appear with two different backgrounds, I added the sticky footer and now the columns are the same size. The problem happens if you resize the browser from the bottom. When you resize the browser up from the bottom and not the sides the footer covers up the words. It's kind of hard to explain. I know I could style the wrapper with a background a certain way but, I wanted to practice the sticky footer way.

Every time I think I'm getting good it seems like I come across some type of difficulty, and I'm kind of getting discouraged. I practice all the time...day and night. I love to make websites, and it's just so much fun. I really want to get good at this, I really love it.

The site is totally responsive so play around with it and let me know what you think about how it changes with viewport. Thanks in advance for any help you can give me with this, I really appreciate it.

mrx3
mrx3
8,742 Points

Fixed my site. I removed all the margin for the html tags. It was a late night and long day at work. I woke up this morning and redid the site. It's amazing what you can accomplish with a good night of sleep :D http://codepen.io/mike316/full/yNjQmo/

mrx3
mrx3
8,742 Points

And here is my site without the sticky footer. All I had to do to make sure each column appears to be the same height was add a div on line 45 and surround the other other tags. Now each column has a different background, but they both appear to be the same height. :D I love making websites !!!!!!!

http://codepen.io/mike316/full/aOGPoa/