There are times when we need to take more... unconventional approaches to solving a given problem, so in this video I look at 3 (or 4, really), hacky, but useful solutions that we can use in our CSS.

🔗 Links
✅ vmax, and the other viewport units: htt…

I have a new course coming soon! https://beyondcss.dev

🔗 Links
✅ More CSS tips & tricks: https://youtube.com/playlist?list=PL4-IK0AVhVjMug_P141R10p6pHgg3kxaa
✅ Relative & Absolute positioning: https://youtu.be/P6UgYq3J3Qs
✅ The content property in-depth:…

Sometimes we need to do something, and when there is no obvious answer, we come up with really complex solutions. There are some useful pseudo-classes that give us really simple solutions thought!

🔗 Links
✅ Amit's JavaScript Problems, CSS Solutions video:…

Putting together the general styling for this project, and fixing a few mistakes I made along the way.

🔗 Links
✅ Why I use em I'm my media queries: https://zellwk.com/blog/media-query-units/
✅ GitHub repo for where I start this video: https://github.com/kevin…

The color property is one of the first things we learn, and it seems really straightforward, but there is more that you can do with its values than you might have realized!

⌚ Timestamps
00:00 - Introduction
00:35 - you don't need the "a"
2:42 - rgb with…

The :has() pseudo-class is a game-changer, and in this video I look at some of the different things that it makes possible, from theming to counting children and more!

🔗 Links
✅ Code from this video: https://codepen.io/kevinpowell/pen/JjvNwyb
✅ Introduction…

The border-image property is a blast from the past for anyone who had to make buttons with round corners on them back in the 2000s, but these days we can use it for fun gradient effects too!

🔗 Links
✅ Mozilla border image generator: https://developer.mozilla.org/en…

I often see beginners making the same mistakes over and over again, so in this video I take a look at some common issues and give some advice on how I think things could be improved.

🔗 Links
✅ Live Server VS Code extension: https://marketplace.visualst…

🎓 - I have a free course on conquering responsive layouts: https://courses.kevinpowell.co/conquering-responsive-layouts

A lot of people struggle with responsive layouts, and even more so when they use position: absolute. In this video I'm looking at how…

🔥Simple Grid Layouts Cheatsheet: https://simple-grid-layout.kevinpowell.co/

Grid is often seen as useful for really large layouts that have a lot of different pieces, but there are other simple things that it can be super handy for as well!

🔗 Links
✅ How…

Get my Essential Font Properties Cheat Sheet for a quick reference to the different properties and values I talk about in this video: https://kevin-powell.ck.page/d3dcf0ac84

When we first start learning about CSS, one of the first things we learn is that…

Lists are one of the most common elements we have on websites, so I decided to do a beginner-friendly deep dive on them, exploring ordered and unordered lists, from how to create them, the difference between the two of them, their default styling, and how…

If you're interested in checking out ICodeThis, you can find it here: https://icodethis.com/?ref=kevin and if you want to sign up for one of their premium plans, use KEVIN at checkout for an extra 10% off.

Custom properties are amazing, but a lot of people…