Introduction to Media Queries for a responsive web page MQ1
In this introduction to media queries we will look at how to make a webpage responsive based on a couple of set break points.
This video is meant to act as a 'quick starter' before we start to go into media queries in a lot more depth.
Links:
site files: http://tiny.cc/mediaqueryintro
Getting started series: • Getting started
Chapters:
0:00 Video start
0:39 Housekeeping
1:48 Quick look at the HTML file
2:38 Quick look at the current CSS file
4:07 Media Query rule explained
7:36 Adding some CSS rules to the query
8:10 Using the developers console to test query
9:45 Adding another break point
12:19 Device centric vs resolution centric media queries
16:00 Video wrap up