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

Posted by Marko Elix
Marko Elix
Courses Plus Student 1,170 Points

Could someone explain this?

Now, first off, I'm still a beginner, so please be patient C:

Alright, to the question. So I cam across this site and one of it's features impressed me and I would like to try to incorporate it into my site. Go over to http://nacho-time.net/ and re-adjust your browser size.

Could anyone explain to me how this is done?

Thanks! Marko

2 Answers

Michael Newman
Michael Newman
39,508 Points

Hi Marko! What you would want to look into is media queries. They are taught here on Treehouse in the CSS courses. Once you understand and can use media queries, you can make your site transform in any browser size! Media Queries are programmed breakpoints of size and instructions on what to do when the browser gets larger than or smaller than those breakpoints. For example, on the site you linked, as the browser gets smaller, it is told to have less columns of movies, and the movies are instructed to fill the whole width of the space available.

There are plenty on beautiful examples of media queries on this site.

Hope this properly answers your question, have a wonderful day!

Marko Elix
PLUS
Marko Elix
Courses Plus Student 1,170 Points
Marko Elix
Marko Elix
Courses Plus Student 1,170 Points

Hey Micheal,

Thank you very much for your answer! It did help me out and was very informative! I will definitely look into media queries C:

Thanks again and have a great day C: Marko

Michael Newman
Michael Newman
39,508 Points

No problem at all, happy coding! :)