Responsive Web Design Made Simple CSS @media Rule Tutorial

Responsive Web Design Made Simple CSS @media Rule Tutorial

By  |  December 3, 2017  |  Website Designing  |  Comments Off on Responsive Web Design Made Simple CSS @media Rule Tutorial

Learn the CSS @media rule and the easiest way to make a responsive and mobile-friendly website layout.
@media – http://www.developphp.com/lib/CSS/media
Lesson Code – http://www.developphp.com/video/CSS/Responsive-Web-Design-Made-Simple-CSS-media-Rule-Tutorial
Video Rating: / 5

Today Los is joining me again for a special episode where we talk about the basics of coding for a responsive website.

We cover three main principals:

1. The Meta Tag
2. HTML Structure
3. Media Queries

After you watch the video you can reference the github repo to see the code in action:
https://github.com/DevTips/Responsive-Web-Design-Basics

Thanks everyone!!

DevTips is a YouTube show about web design and development.

Check out the DevTips Github account:
https://github.com/DevTips

—-

HTML5 Basics Playlist:

CSS Basics Playlist:

—-

DevTips now has a twitter account:

Travis also tweets:

Video Rating: / 5

See also  5 MIN TUTORIAL - Responsive Web Design - SIMPLE EASY

About the Author: Lu Liuxian