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

CSS

Malte Niepel
Malte Niepel
19,212 Points

CSS Layout Techniques

Treehouse Community, I need your help!

Currently I am working on my website, while continuously watching the needed input to do so.

After having played around with the CSS in my child-theme for a couple of hours, I am about to give up. I am trying to position the treehouse-widgets correctly and making them responsive at the same time. Additionally to that, I can't figure out how to keep the h3.widget-title from collapsing without conflicting when I down-size the browser.

Here is a link to my website: http://malteniepel.com/

I hope there is a CSS-Ninja out there who is willing to help me out!

2 Answers

Hey Malte Niepel,

You should be able to fix the h3.widget-title from collapsing by adding a line-height property with a value of 1. Also consider adjusting the font-size down in your media query for smaller screens.

h3.widget-title {
  line-height: 1;
}

I'm not too sure about fixing the referral widget. I'm still a noob with layouts... I'll get back to you if I figure that out.

Malte Niepel
Malte Niepel
19,212 Points

Thanks Robby Faller,

that solved one of the problems I am facing!