Still trying to wrap my head around responsive design – I figured that Bootstrap would do it automatically in a sort of plug-and-play method (well, not to say that it won’t, but I haven’t played around with it enough to really say so for sure).
Some new concepts for me are:
More on Break Points:
On the topic of Media Queries, there this cool screen breakpoints diagram from this tutorial: Build Responsive Real World Websites with HTML5 and CSS3.
Essentially you can start with using these standard break points, and then go back and refine the breakpoints according to where design starts to look funny. There’s a nice feature built into Google Chrome Dev Tools where the screen dimensions will show as you resize the web-browser. This is how you’ll know what to set the new dimension break points to according to your design.
Handy? I think so!