17: How to Make a Website Responsive | Learn HTML and CSS | HTML Tutorial | Basics of CSS

17: How to Make a Website Responsive | Learn HTML and CSS | HTML Tutorial | Basics of CSS


Danny Hutson

100 thoughts on “17: How to Make a Website Responsive | Learn HTML and CSS | HTML Tutorial | Basics of CSS

  1. Thank U
    sir you video help me too much
    but sir i have a question to be honest i am not search this question on youtube or such another search engine
    so please give me riply as soon as possible
    so the question is.
    how to control design when i rotate my table or smartphones etc ?
    i think you gotted my question
    and sorry for my poor english
    and thanks again

  2. i know im alitte late here, but instead of lipsum.com if you type "lorem100" without the quotes and press tab that will produce the first 100 words of lorem lipsum! change the number for different amounts of words 🙂

  3. Thanks for the quality of the course.It's very easy to understand,but i've one problem. I'm using google chrome to practice and the part related to @media only screen…… doesn't work i don't know y. I mentioned meta name=viewport…… but still not working!

  4. My only issue with this, is that when on a cellphone, it makes it hard to zoom in. When you try to zoom in, the text or image doesn't get bigger, because it is adjusting to the size. I suppose there is a way around that. Maybe you explain it in another video. I have just noticed that some websites on my phone are WORSE with responsive design because I can't easily zoom in. Or maybe I'm an idiot and I just do it wrong.

  5. man really really thank you
    you can teach better than some teachers in my engineering college
    well to be honest you are a legend

  6. Hello thank you..
    But i have a problem with responsive because its not charging when i change the size

    I only get the same Editing in the phone in desktop and ipad view

  7. I nearly watched all your tutorials nothing special.. very confusing for a newbie… u dont have a course plan for ur students…. i won't recommend your videos to anyone..

  8. I followed every direction you showed here, I got the css part but html didn’t look anything like yours? I even saved the photos but it didn’t appear at all?

  9. this was very helpful but im having trouble with the header part. I have my contents right in the header but when I set it to mobile it doesnt shrink or fit to its size, it would show a white line below my header and covers the top part of my image. is there any way to fix that? I hope what I said is understandable

  10. How is it hat my page was reponsive to every phone when tested the way you showed ( without adding any code in order to make it responsive ), but after i put the meta data you are telling us we need to add my page was not responsive anymore, with text overlapping on top of other….?

  11. Just started a week ago responsive coding. Someone can give me a practical example of starting with coding for smartphone and then build a desktop version or tablet? Thank you so much for those who reply.

  12. THANK YOU! I am taking my certification test today and on the practice exam I kept getting these questions wrong.

  13. I remember when I subscribed and you had around 40k subs and look at you now 🙌🏽 I’m so proud of you!
    You were very gifted, you make it so easy for us to understand.
    Thank you!

  14. You lost me at 2:24 "programm a website…" ^^ just kidding, cool video. Really have to look into this.

  15. Sir you explain it so easily. One question, Do the class name of divisions effect the elements positions or responsiveness.

  16. I have face some problem when i use position absolute…In Every Break point the position of the content is moving.. What is the trick to position absolute content responsive in every Device

  17. Everything appears to be scaling correctly, although in Firefox I am getting a thin strip of white space below my 'me.png' image. Any ideas? Thanks for this great content!

  18. Ne pas oublier (head)

    <meta name="description" content="Decouvrez les dernières couche haut de gamme…..">

    <meta name="viewport" content="width=device-width, initial-scale=1">

    Body : Ne pas oublier d’utilisez des balises sémantique ( header / main / section / article / footer )

  19. Despite this video being a few years older, this has helped me so much in my classes as I learn to be a web designer. Thank you so much

  20. Thank you. I had no idea how complicated I was making my own website. I will be following you for a long time. You are very helpful and your video makes it look so simple.

  21. 5:53 small tip: you can avoid going to external web site just to copy lorem ipsum text, there is a shortcut inside Atom to do just that. You type something like "lorem<X>" where X is the number of words you want to generate (for example, lorem30 or lorem120), and then go either enter or double tab (I use VS Code, so I don't know how is it in Atom).

  22. For the first time I have learnt responsive web design even after going through many tutorials. Very brief and clear.

Leave a Reply

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