Responsive Web Design Without Media Queries

This video will take a look at using CSS and HTML without using @media to create responsive websites that dynamically update.

In this video I cover:

• Resizing fonts using view width
• Adding minimum and maximum font sizing and calculations
• Creating resizable containers/imagesusing view height
• Using basic flexbox to ensure items fit and also wrap

Follow and support me:

Special thanks if you subscribe to my channel :)

• Youtube
• Patreon
• Twitter

Want to see more:

I will try to post new great content every day. Here are the latest items:

• Full Tutorial on how to use SASS to improve your CSS
• 4 Simple CSS Hover Transitions for your Elements Background
• How to implement Dark Mode with CSS new media call: prefers-color-scheme
• Creating a Mobile Design and Developing it

Comments

[Patrick Charles-Lundaahl]

That's super cool! I've never seen view sizes used for fonts, but this is really nice.

[Adrian Twarog]

Thanks, trying to think outside the box, the next video is going to blow your mind though. Can't wait to finish it!

[anonymous anonymous]

Very very informative and with actual live example, very very helpful. Thank you very much, much appreciated