I wanted to focus a video on breaking down how to make an image go from static to responsive. Then taking it a step further to add padding once the image was sized for a mobile device using media queries.
Download the source code:
https://adesignerwhocodes.ck.page/4d8e787a44
#webdesign #responsivewebdesign #webdevelopment
Thanks!
Haydn
____________________________________________________________________
Do you like the videos I make on YouTube?
Want to grow your skills as a web developer/designer?
😎 Stay informed! Sign up for my mailing list.
https://adesignerwhocodes.ck.page/f6ec5644db
👨💻 Level up your skills with courses at Skillshare:
https://www.skillshare.com/r/user/haydn5?gr_tch_ref=on&gr_trp=on
I’m a big fan of Skillshare. You can find my courses & hundreds more there. Plus if you use the link above, you get a free month on the platform. Check them out.
☕️ Received some benefit from this video? Support the channel for as little as the price of a cup of coffee.
https://adesignerwhocodes.ck.page/products/buy-haydn-a-coffee
Hi there! Haydn Adams, BFA. I’m all about helping web developers and web designers build better websites, through code, design and usability.
Got a question for me?
https://adesignerwhocodes.com/contact/
source
Quality, concise info. Thanks Guy!
so unbelievably clutch my guy thanks bro 🙌
sir when i give padding left its reponsiveness goes away why sir
Hi, I was struggling for an hour to set my image to be responsive and this is excacly what I needed, only one question, because now on my desktop screen size my image is huge, almost on whole screen, can I make it smaller without changing the responsivness? Thank you very much for this tutorial 🙂
Man i cant tell how many tutorials and sites i searched to make a background image responsive. For all other ressources the image scaled, but got cut left and right. I was close to give up, but finally found this video. Helped me a loooooot. Thanks you
Your explanations are so wonderfully clear and easy to follow. Thank you for this. You've solved an hours-old headache for me. 🙂
It's good video but it doesn't work for me.
Really good and helpful video, thank you very much! Salutations from Brazil (:
thanks a lot
dear how to make the image stretch in width ? I am not using background image I am using the normal image . I still didn't find someone doing so only they worked on background image.
that nice thank you!
It was helpful. Thank you
Just what I needed. God bless you sir.
Thanks buddy my problem was solved
It's not only html and css you have used bootstrap as well
This is awesome – thank you! Can you recommend a good resource to dig into this a little more, preferably one that's friendly to visual thinkers?
good … okay …
That was a fantastic explanation !! I understand much better now the concept of responsive images. Thanks a lot !!!
I'm totally grateful for your explanation . Sure I'll be sending this video to my partners that are starting with coding. Thanks a lot 🙂
Wonderful, thank you.😍
I didn't know you could set device with in a meta tag. Thanks for this video.
thanks for the amazing explanation
Thanks bro!