Today I will show you how to make your website responsive using media queries in CSS. Making our website change to fit different devices is crucial, since everyone uses their mobile and tablet devices now a days when surfing the internet. It is therefore important that you make sure your website is made responsive, so all your content looks good no matter the screen size.

TIMESTAMPS

00:00:00 - Introduction
00:00:12 - Design for mobile or browser first..?
00:01:27 - Showing you my example
00:02:12 - Mobile tool build into the browser
00:06:02 - How to set up media queries
00:08:26 - How to define a width break point
00:12:03 - All the standard break points
00:14:26 - "only screen and"
00:15:46 - Landscape and Portrait
00:18:08 - How to add two width parameters

GET ACCESS TO MY LESSON MATERIAL HERE!

First of all, thank you for all the support you have given me!

I am really glad to have such an awesome community on my channel. It motivates me to continue creating and uploading content! So thank you!

I am now using Patreon and YouTube Memberships to share improved and updated lesson material, and for a small fee you can access all the material either from my memberships or Patreon, depending on your preference. I have worked hard, and done my best to help you understand what I teach.

I hope you will find it helpful :)

Memberships: https://www.youtube.com/channel/UCzyuZJ8zZ-Lhfnz41DG5qLw/join
Patreon: https://www.patreon.com/mmtuts