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 $40 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:






32 responses to “Responsive Web Design Tutorial and Explanation”

  1. Zeeshan Ali Avatar

    Nice t tutorial and thanks Boss

  2. mahad asif Avatar

    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!

  3. Pieter Meuldijk Avatar

    So easy to follow and use immediately. Thank you so much !

  4. PSG1JOHN1 Avatar

    I love you… help me a lot with understanding!

  5. Seema Tanwar Avatar

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

  6. Seema Tanwar Avatar

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

  7. iko hafid Avatar

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

  8. Dzenis Hankusic Avatar

    +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!

  9. hicham idou Avatar

    i become a big fan for this channel

  10. Bytler Avatar

    more responsive design videos please

  11. Wilson Romero Avatar

    the best tutorial. thank brother

  12. Hugo UC Avatar

    Merci pour le tuto!

  13. jay ordanisa Avatar

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

  14. yugank priyam Avatar

    To the point.
    excellent man thanks.

  15. Deedee J. Avatar

    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. 🙂

  16. dogu0 dogu Avatar

    Perfect tutorial thx bro.
    Html5 responsive web design check it..

  17. Mark Harrington Avatar

    Excellent tutorial , very nicely presented

  18. Ambrose Beavers Avatar


  19. Asif Ali Avatar

    Completely stunning video. Thnks bro. I say that this is the best video that someone can made. One video in millions..

  20. Asif Ali Avatar

    Good tutorial and slow explanation of every concept. Understandable by non-english speakers also. Thnx… From Pakistan… Salam to all my Pakistani Muslim brothers..

  21. Ondra Moravek Avatar

    Even the first code doesnt work..

  22. Solayman Toaufik Avatar

    Thanks, Brad, You just taught me media queries much quicker than I expected. 😀 Again Thank you very much, Brad.

  23. MrJonahboy4949 Avatar

    You could've easily done the exact same thing with just a basic Flexbox setup.
    Literally 2 minutes of work.

  24. Avatar

    i read the good comments.. i decided to see for myself… i found this great!… thanks man

  25. Pa Pinkelman Avatar

    early 2017… bookmarked this

  26. ibro traore Avatar

    Thanks thanks and thanks again it's very clear and good.

  27. Nakul Sarkar Avatar

    Hello sir Please tell me how can i design page like that one by one story will come up and placed one by one. like in Facebook page as news feds come. like Amazon page …..if we search any product ….on basis of search item it will show all products one by one with small description…… help me…

Leave a Reply

Your email address will not be published. Required fields are marked *