A better image reset for your CSS

Published: 07 November 2023
on channel: Kevin Powell

111,594

5.6k

One of the most common resets in CSS is to set a max-width: 100% and a display: block on our images. In this video, I look at why it might also be a good idea to declare background-size, font-style, and shape-margin, among other things.

🔗 Links
✅ Harry Roberts post on Twitter:   / 1717841334462005661
✅ Harry's article on low-quality image placeholders: https://csswizardry.com/2023/09/the-u...
✅ More on shape-margin and shape-outside:    • Wrap text around any image or shape t...

⌚ Timestamps
00:00 - Introduction
00:50 - max-width
01:50 - vertical-align: middle
03:50 - height: auto
04:20 - font-style: italic
05:35 - background-size and background-repeat
09:29 - shape-margin

#css

--

Come hang out with other dev's in my Discord Community
💬   / discord

Keep up to date with everything I'm up to
✉ https://www.kevinpowell.co/newsletter

Come hang out with me live every Monday on Twitch!
📺   / kevinpowellcss

---

Help support my channel
👨‍🎓 Get a course: https://www.kevinpowell.co/courses
👕 Buy a shirt: https://teespring.com/stores/making-t...
💖 Support me on Patreon:   / kevinpowell

---

My editor: VS Code - https://code.visualstudio.com/

---

I'm on some other places on the internet too!

If you'd like a behind the scenes and previews of what's coming up on my YouTube channel, make sure to follow me on Instagram and Twitter.

Twitter:   / kevinjpowell
Codepen: https://codepen.io/kevinpowell/
Github: https://github.com/kevin-powell

---

And whatever you do, don't forget to keep on making your corner of the internet just a little bit more awesome!

On this page of the site you can watch the video online A better image reset for your CSS with a duration of hours minute second in good quality, which was uploaded by the user Kevin Powell 07 November 2023, share the link with friends and acquaintances, this video has already been watched 111,594 times on youtube and it was liked by 5.6 thousand viewers. Enjoy your viewing!

277,396

10K