Responsive Web Design Tutorial and Explanation

By | 16th August 2017
Responsive Web Design Tutorial and Explanation

Learn what Responsive Web Design is, and how to write the necessary code to create our own custom responsive web layouts. Check out my “Get a Developer Job” course:

Have you created amazing pages with HTML & CSS and want to move them from your computer’s hard drive to online so the world can see them? The next step is to move your files to a web host. Learn about web hosts, my favorite hosting company, and how to save on the only hosting plan you’ll need:

Sign up for my newsletter to receive periodic webDev tips, tricks, resources and coupons. Join the list at

Follow LearnWebCode on Twitter for resources and updates:

Demo files:

20 thoughts on “Responsive Web Design Tutorial and Explanation

  1. mahad asif

    Sir, You are Awesome! A bundle of Thanks. may Allah give u more and more and more success and respect and followers too heheh 🙂 Subscribed!

  2. Seema Tanwar

    after adding bootstrap file my website dosen't work as a resposive website

  3. Seema Tanwar

    i am add a bootstrap file in my website but that is not now responsive

  4. iko hafid

    Glad that I found your videos, very clear and straight for a beginner like me. Thanks man..

  5. Dzenis Hankusic

    +LearnWebCode You make the best tutorials and this is why; You say just enough for people to understand, but not that much so people won't say "… Wait a second, I'm not retarded. You don't have to explain all that to me." — Great delivery. Just perfect!

  6. jay ordanisa

    hey can I ask?? why @media doesnt work on me, in my css don;t recognize as attribute.

  7. Deedee J.

    RWD newbie here. Thank you for this video. Your explanation was very clear and easy to understand. I feel confident now in creating responsive websites! Subscribed. 🙂


Leave a Reply