42 Responses

  1. Isidro Mondlane at |

    I dont understand how this doesnt have a million likes

  2. Arif Waqas at |

    Why did he put the max-width to 1200px?

  3. CarMelow M. at |

    Thank you Bro. Your tutorial is amazing. Keep it up!

  4. Nick Wilkes at |

    how do you open the blank website?

  5. William Martinez at |

    Hi! thank you much for making this video, I having troble finding the started file when I click download it wont load, is it because I am working on a PC and the files are for Mac?

  6. Anea Forlorn at |

    Thank you for doing this. It helped me visualize how to code a responsive website. Love the "luv" for your fellow web developers and I hope that God blesses you with many returns for your time investment in this video.

  7. Learning Simplified at |

    great tutorial..but a little compartmentalization would had helped…too long tutorial…but effective and a good one sir…

  8. Tony B at |

    Great tutorial. Thank you!!!

  9. Hussein B at |

    switching the aside and article in the "inner-wrapper-2" will fix the image-paragraphs order on mobile. There is no need to hide the mobile image. Great tutorial 👏

  10. Ahamed Najeeb at |

    Hi everyone
    If you subscribe me and hit like to this comment, I will sub you back ASAP

  11. Sheth Nisarg at |

    Thanks for such a great video tutorial! But what I suggest is you should also explain why you are choosing that particular margin and padding,etc. rather than just typing out, because that positioning part is the most difficult for most of the new guys out there including me

  12. Elfrid Hasman at |


  13. Aaron Arinder at |

    Such an awesome video. Thank you!

  14. Morshed Alam at |

    good one

  15. Thanga Raj at |

    Super one

  16. SuperCam at |

    Dope video!! Did the whole tutorial!! So easy to follow:)

  17. Andras Horvath at |


  18. Oluwafemi Akinyomi at |

    was thinking the The Rocket Design HTML Template is free….its offered for $15 or $10 on your website. for educational purposes, i think it should be free

  19. Ivan yusportman at |

    Thank a lot man, very nice video :)

  20. Brian at |

    which language is better to learn? I'm considering starting with Java

  21. Hector Jaker at |

    is excellent your video is practic and interesting, thanx bro

  22. Isaiah Sias at |

    You are awesome, man. Thanks for chilling with us and teaching us cool stuff!

  23. Americano Coffee at |

    Is this video geared for a COMPLETE NEWBIE without any HTML, CSS knowledge or experience ??

  24. Stanislav Čertík at |

    Great tutorial! Many thanks

  25. legion act at |

    why do my images come out in a smaller size ????

  26. Patrick Murphy at |

    Now it's come back and my RD logo has gone

  27. Patrick Murphy at |

    When I put this in: /–Start Navigation-/
    nav {
    float: right;
    padding: 25px 20px 0 0;

    my blue navigation line disappears can you help please

    This is my index.html file code:
    <div id="header-inner">
    <a href="index.html" id="logo"></a>
    <a href="#" id="menu-icon"></a>
    <li><a href="index.html" class="current">Home</a></li>
    <li><a href="#">Skills</a></li>
    <li><a href="#">Portfolio</a></li>
    <li><a href="#">Our Team</a></li>
    <li><a href="#">Contact</a></li>

  28. BIllay Babic at |

    Really an enjoyable video, i cant wait to build those webpages following your examples, i see you made more videos, to be honest i cant wait to look at them :)

  29. morphman86 at |

    There is no tag for socket in HTML5. In fact, I've never heard anyone refer to it as a socket either. I went looking for it, but I couldn't find any site where someone called the footer a "socket".

    However, I found loads of info on websockets (not the same thing) and Secure Socket Layers (definitely not the same thing).

    Are you sure "socket" is the proper word for the copyright container in the footer? Every example I've seen just put it in the footer tag, in either a section/div or a paragraph with ID "copyright".

  30. morphman86 at |

    Nice tutorial, thank you.
    Also, for those who wonder what the point of a dark theme in your text editor is:

    If you're working with programming, you'll most likely spend 8-10 hours per day staring at your code. Not just looking at, but staring as the literal meaning of the word. You're trying to find typos, misplaced characters, figure out functions etc. etc..

    When you're doing that with a white background, you'll hurt your eyes. White background and black text is fine for just writing, but not when you're staring into the screen like that. So we make the background a darker colour to save ourselves from literal headaches and to keep from permanently damaging our eyes.

    Hard to believe it now, but companies that worked with programming a lot back in the 90's and early 00's would actually get their employees special glasses to help reduce those headaches. Nowadays, those glasses are mostly worn by professional gamers, since we programmers use dark themes instead.

  31. syk13 at |

    Thank you so much for this. It is my first serious attempt at something this size after just learning the basics and you made it easy and enjoyable. Great work.

  32. corrado faccia at |

    Hi Ryan, you' re great! very well done!

  33. shankar lingam at |

    Hey dude your teaching is excellent but give more importance to measurement properties like width,height settings etc..

  34. C0D3R4 T34M at |

    Man seriosly for more @Drew Ryan on the internet. You Rock with your tutorials..

  35. Andre Jones at |

    Very cool design

  36. sai ramana at |

    which page is he refreshing all the time to show output?pls help me

  37. Javad Moradi at |

    hi drew
    very good

  38. Trutatj at |

    Very informative and easy to follow, thanks a lot! 😀

  39. bill white at |

    cant see what you are doing its a waist of time record it bigger thanks mate

  40. Crux161 at |

    sunburst…. lol…

  41. dulqaad ali at |


  42. Digi Geeks at |

    very good sir