Reading
Chapter 14
This is where we start getting into responsive web design.
We’ve talked about it as a class before, with each screen in the world pretty much being it’s own unique size, but we finally start getting into the nitty gritty of actually making the website do what you want it to. Media Queries are CSS3 coding that let’s me assign styles to a page based on the destination browser’s width and height.
There are many different ways of actually achieving this, but i really prefer stacking things and reducing the columns so the page scrolls continuously rather than stripping content or just making this smaller.
Although, it makes me sad to know that the background images won’t shrink down, rather you have to have in image that is smaller. So if you had a large banner on the top, the mobile user isn’t gonna zoom out to see that, rather you have to code in a background image that’s going to fit.
Breakpoints remind me of like a page break on a paper. It’s essentially a cutoff point for things to change. So if I had a screen no larger than 520 pixels, it would automatically choose the smaller design, rather than the larger that wouldn’t fit.