Responsive Web Design Tutorial and Explanation

In this video we learn what Responsive Web Design is, and how to write the necessary code to create our own custom responsive web layouts. Follow LearnWebCod…
Video Rating: 4 / 5

25 Comments

  1. Great tutorial. thanks as always.

  2. Very helpful tutorial. Watching this video will help making responsive web
    design easier. This is very timely

  3. Excellent Tutorial on Responsive Web Design

  4. Very helpful, thanks you very much 🙂 Perfect tutorial :)

  5. Very helpful, thanks.

  6. Brad is it ? I would just like to thank you for a great tutorial. You
    explain things so well compared to so many of the so called experts that
    abound on the web. With your tutorial I could just make another css file to
    adjust the page view at a certain screen width so I can really start to
    grasp what is going on with these responsive styles of coding and media
    queries. Thanks, you are The Man.

  7. This does’t really help if you’re not using columns.

  8. I just notice that when you resized the browser window the texts and images
    were resized as well. how did you do that?

  9. This video is just great for me to understand what responsive web design
    is. However, while watching videos (which have the same topic), a question
    just come out of my head.

    As you know, smartphones now is just powerful and their screen is normally
    in HD or Full HD resolution. So, if we control the layout of the pages by
    detecting the screen resolution, the layout of the page still look like on
    desktop when viewing it on HD/Full HD smartphone.

    Is my thought correct?

    If yes – my question is: “what is the solution for this situation?”

    =======
    This is my biggest question when I was watching many other videos about
    this topic. Please lighten me from the darkness.

    Thank you very much……

  10. can you make a tutorial video explaining how you created that simple
    website? it could be great

  11. Great video, you have + 1 more subscriber!

  12. please i want to know if i have a wrapper of 1000px and a content wrapper
    of 900px how can it be converted into % in responsive

  13. thank you for a great, easy to follow tutorial. you mentioned that you
    would put a link to the code (html and css files) at the end of the video,
    but I didn’t find that? You willing to put those up for download?

  14. thanks for the easy and quick-to-understand tutorial. Quite simple to grasp
    the basics!!

  15. מדריך מעולה ל- Responsive Web Design

  16. Brilliant introduction

  17. Great tutorial… Thanks! 

  18. Great, great work! Everything is clear and well explained. Bravo!

  19. even though my images are all the same dimensions, I can’t get them to show
    at the same height? They have a staggared effect like steps in full
    desktop view, and they jump all over the place in the tablet size. I’m
    using five columns instead of 3. The only thing I thing that I can think
    of that I may have done wrong is the :before and :after ….. Help please

  20. NICE!
    Thanks.

  21. Well done. Excellent tutorial. Thanks.

  22. perfect tut 🙂 thanks

  23. thanks!

  24. This was an awesome tutorial. After watching the whole video, I realized
    that you should marry me. 

Comments are closed, but trackbacks and pingbacks are open.