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


8,742 Points

Practicing with vw units, and I have a couple questions.

I'll paste my code pen below so people can check out my page. I used em values, percentages, and vw to make my page responsive. I also used the basehold on the page as well.

My first question are vw units getting better browser support? I was able to test the vw units in IE, Firefox, and Chrome. When I tested to see if my h1 and my h3 would resize with the browser window, it worked excellent.

My next question is when I resize my browser down I'm worried about the way my breakpoints look. When you resize the browser, can anyone tell me if it is okay with the way the page looks when resizing the browser? If the browser looks odd to you when you resize it, can you give me some tips on how to make it look better between the break points?

My last question is about my h1 and h3 headings. When I resize my window to a smaller size the headings get to be a little small. Is there anyway to fix this so that the headings don't get so small? I did watch Guil's video about text-rhythm, and I did see that he used jquery textfit to make the text responsive. I just wanted to practice messing around with vw units for now.

This is actually really fun making websites. I can't believe that I could get paid to do this for a living. Thanks in advance for any help.

my codepen: http://codepen.io/mike316/pen/gbwMqO