Welcome to the Treehouse Community
Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.
Looking to learn something new?
Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.
Start your free trial
Dan Maliano
12,040 PointsMy 2 columns aren't the same height and the <p> inside the gallery is messed up (I added the link)
I followed the coding exactly. However, my 2 columns aren't the same height. http://port-80-u52tnsv6mr.treehouse-app.com/
6 Answers
Taylor Espejo
3,939 PointsHi Dan! it appears from first glance / memory that you've used floats; and I'm guessing you may not have created a "clear-fix" in order to stop the headings vertical space from collapsing into the column space.
Dan Maliano
12,040 PointsWOW! I just fixed it...Thank you, Taylor! You really helped me here=))
Dan Maliano
12,040 PointsThe paragraph tags were occupying an entire line....
Dan Maliano
12,040 Pointsgallery li?
Taylor Espejo
3,939 PointsI'll keep looking on second observation a clearfix shouldn't be needed, I apologise
Taylor Espejo
3,939 Pointsooooo ? I just refreshed your link - did you fix it ? It was definitely an issue with your gallery li selector class right ?
Taylor Espejo
3,939 PointsAwesome !! no worries mate :)
Taylor Espejo
3,939 PointsTaylor Espejo
3,939 PointsI'll have a little look into that now, but you might be able to fix it quicker than me :)
Dan Maliano
12,040 PointsDan Maliano
12,040 Pointscode:
/****************************** GENERAL ******************************/
body { font-family: 'Open Sans', sans-serif; }
wrapper {
max-width: 940px; margin: 0 auto; padding: 0 5%; }
a { text-decoration:none; }
img { max-width: 100%; }
/****************************** HEADING ******************************/
logo {
text-align: center; margin: 0; }
h1 { font-family: 'Changa One', sans-serif; margin: 15px 0; font-size: 1.75em; font-weight: normal; line-height: 0.8em; }
h2 { font-size: 0.75eb; margin: -5px 0 0; font-weight: normal; }
/****************************** NAVIGATION ******************************/
nav { text-align: center; padding: 10px 0; margin:20px 0 0; }
/****************************** FOOTER ******************************/
footer { font-size: 0.75em; text-align:center; padding-top: 50px; color: #ccc; }
/****************************** PAGE: PORTFOLIO ******************************/
gallery {
margin: 0; padding: 0; list-style: none; }
gallery li {
float: left; width: 45%; margin: 2.5%; background-color: #f5f5f5; color: #bdc3c7; }
/****************************** COLORS ******************************/
/site body/ body { background-color:#fff; color: #999; }
/green header/ header { background: #6ab47b; border color: #599a68; }
/nav background on mobile/ nav { background: #599a68; }
/logo text color/ h1, h2 { color: #fff; }
/links/ a { color: #6ab47b; }
/nav link/ nav a, nav a:visited { color: #fff; }
/selected nav link/ nav a.selected, nav a:hover { color:#32673f; }
Taylor Espejo
3,939 PointsTaylor Espejo
3,939 PointsAhhh okay update I believe whats throwing your columns off may be the fact that your paragraph tags are occupying an entire line pushing down the following img element