Today I'll show you how to make your website responsive using media queries in CSS. It is crucial that our website adapts to different devices because nowadays everyone uses their mobile devices and tablets while surfing the internet. It is therefore important that you ensure that your website is made responsive, so that all your content looks good regardless of the screen size.

TIME STAMPS

00:00:00 – Introduction
00:00:12 – Design for mobile or browser first..?
00:01:27 – I'll show you my example
00:02:12 – Mobile tool built into the browser
00:06:02 – Set up media queries
00:08:26 – How to define a width breakpoint
00:12:03 – All standard breakpoints
00:14:26 – /"screen only and/"
00:15:46 – Landscape and portrait
00:18:08 – How to add two width parameters

GET ACCESS TO MY LESSONS HERE!

First of all I would like to thank you for all the support you have given me!

I'm really happy to have such a great community on my channel. It motivates me to continue creating and uploading content! So thank you!

I now use Patreon and YouTube memberships to share improved and updated teaching materials, and for a small fee you can access all the materials through 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 useful 🙂

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

Please take the opportunity to connect and share this video with your friends and family if you find it helpful.