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 CSS Basics (2014) Getting Started with CSS External Style Sheets

Rafael Zuniga
PLUS
Rafael Zuniga
Courses Plus Student 2,373 Points
Posted by Rafael Zuniga
Rafael Zuniga
Courses Plus Student 2,373 Points

Is this project already web responsive?

This project seem to react to the screen size of my browser, but I don't get how it is doing it since we haven't put any media querys/breaking points for it to react too. Can someone please explain so I can understand what is going on, thank you!

Flavio Carvalho
Flavio Carvalho
26,636 Points
Flavio Carvalho
Flavio Carvalho
26,636 Points

Hi Rafael,

What do you mean "react to the screen size"? No, at that point the workplace does not have media queries yet, so it isn't (shouldn't really) be in a responsive state.

You mean, the bits of text are centered and the size of the letters change as you change the size of the browzer?

Did you put any percentages in the code anywhere?

2 Answers

Jason Anello
Jason Anello
Courses Plus Student 94,610 Points

Hi Rafael,

It's not fully responsive yet but it is fluid and this is probably what you're experiencing. The text will rewrap to more lines as you shrink the width of the browser.

The direct children of the body right now are a couple of block level elements (header, paragraph) and an inline link element.

The default behavior of block level elements is to take up as much width as they can. So when you shrink the browser window width these block level elements will shrink in width as well.

Let me know if this answers your question or if you need further explanation.