Learn the CSS @media rule and the easiest way to make a responsive and mobile-friendly website layout.

source

44 Comments

  1. Thank you for the video. helped but I tried three sizes, 400 px or less, 401 to 750 px and 750 or greater. Changed the color from Red, White and Blue accordingly. Only changes from blue to white.

  2. One hour spending watching your tutorials Adam, is a total gamechanger man. I learned A TON!!! Very, very important aspects of web design, even stuff I knew after watching your videos I learned so much. God Bless man!!! I wish I could give you hundred likes!!!

  3. Hi Adam, thank you for all your amazing videos on programing. I'm a novice and went to school to learn coding. I defend myself but not as good as you are. I have a question, I'm still old fashion and have a non-responsive website (don't kill me please), but I find it hard to grasp how to make it responsive. If I send you my code, can you look at it? Thanks!!!!

  4. hello sir, first of all I want say you a big thanks. I don't know how many people are there like me who is learning from your video… you are doing a fabulous work. I really appreciate it. and it's my wish to meet you someday. once again thank you so much.
    now I have a question… I want upload a PDF file which can not be download. how can do that? actually I want to make a ebook website. can please suggest me something… please help me.

  5. Why should I have to spend extra time making my buttons/links bigger and more spaced out for people with fat fingers? They chose that life. Deal with it! (Obviously just kidding) lol

  6. Having a responsive website is the de-facto standard nowadays, especially that people are keen to surfing online using smartphones. Hence your site should have responsive web designs that adjust to your customers’ devices. The content, text titles and images should move to fit within the size of a specific screen.

  7. Oh, My, God, your voice is so calming …. I love watching you videos, they are well explained, I find useful information and your voice is just so calming :)) Thank you for your effort that you put into these tutorials!

  8. In this example you could just put a max-width:98% to the container, except this tutorial is about media queries, not width. I think to reduce navigation interfaces is a better example of use.

  9. Very important. Each HTML document must have the following line of code for media ownership to take effect for each resolution in hand, otherwise it will not work, you declare all styles insidemedia peroprietatii nothing.

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

  10. WTF are some kind of a psychic? Last night I was hoping for you to create a tutorial about responsive web in a easier way and now you made one. Haha! Thanks for this sir adam..

Leave A Reply

Please enter your comment!
Please enter your name here