HTML5 CSS3 Mobile Responsive Website Design lesson 2 - Media Queries

Channel:
Australia Magic Monk
Subscribers:
65,900
Published on ● Video Link: https://www.youtube.com/watch?v=F6qdItXFYgA


Duration: 6:21
312 views
3

In this lesson we learn to use media queries to apply different CSS styles based on the screen width, so different CSS can be applied on mobile devices compared to laptops.

Source file:
http://magicmonktutorials.com/samplesite/lesson2.html



Other Videos By Magic Monk


2016-08-17PHP tutorial - Select data from a MySQL database using an HTML form
2016-08-16PHP tutorial: Display information from a MySQL database on a webpage
2016-08-11GoPro Hero 4 Session Part 1 - Unboxing
2016-08-09Real life Maths: Ratios: Why New Zealand is actually WINNING the Rio Olympics 2016
2016-08-09Australian Census website is down
2016-08-08Catch 70 Pokemon in one hour (Pokemon Go) Part 3 一小時抓70隻精靈寶可夢
2016-08-06Catch 70 Pokemon in one hour (Pokemon Go) Part 2 一小時抓70隻精靈寶可夢
2016-08-06Cheapest place to park in Brisbane CBD (If you want to drive in to play Pokemon Go)
2016-08-05Money saving tip - Save money on electricity bill by Direct Debit (Origin Energy)
2016-08-05HTML5 CSS3 Mobile Responsive Website Design lesson 3 - External Style sheet, container
2016-08-04HTML5 CSS3 Mobile Responsive Website Design lesson 2 - Media Queries
2016-08-03HTML5 CSS3 Mobile Responsive Website Design Lesson 1 - setting viewport width
2016-08-02Australia's cheapest tablet deal (world's cheapest?) - Samsung Galaxy Tab A - part 1 - Unboxing
2016-08-01Rearranging the compound interest equation with monthly compounding period
2016-07-31How to get one Lego Mindstorms NXT brick to communicate to another NXT brick via Bluetooth
2016-07-29Compound Interest and Logarithms
2016-07-28Pokemon Go - Where you can find the most Pokestops in Brisbane (University of Queensland)
2016-07-27phpMyAdmin MySQL database - How to create table, insert data, set up foreign key
2016-07-24Pokemon Go Trick - How to level up faster
2016-07-24Pokemon Go - Take down a gym in a group
2016-07-21Pokemon Go - Where to find Pikachu in Brisbane, Australia


Tags:
media query
Change CSS for mobile
apply CSS only for mobile