A better image reset for your CSS
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!
Watch video A better image reset for your CSS online without registration, duration hours minute second in high quality. This video was added by user Kevin Powell 07 November 2023, don't forget to share it with your friends and acquaintances, it has been viewed on our site 111,594 once and liked it 5.6 thousand people.