Nesting has landed in native CSS, and with Firefox gaining support for it, it is now supported in all the major browsers!

So let’s take a look at what nesting is, some of the gotcha’s with it, a little bit of how it differs from Sass nesting, and more.
…

🎓 If you’ve been writing CSS for a little bit now, but still feel frustrated by it, I have a course that might be exactly what you are looking for: https://cssdemystified.com/?utm_campaign=practice&utm_source=youtube

When we’re learning new things, we need…

🎓 CSS Demystified: https://cssdemystified.com?utm_campaign=general&utm_source=youtube&utm_medium=bestpractices

We’re told about a lot of CSS best practices early on, and while some of them can be very useful, I feel like many of them are more like training…

Sometimes we need to use position absolute, but then we often end up wading into the world of magic numbers, and they are always the worst, so in this quick video I take a look at how we can get more control with position absolute by using it with Grid.
…

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…

Feel like you have the basics of CSS down, but you still get frustrated by it? I have a course just for you! 👉 https://cssdemystified.com?utm_campaign=general&utm_source=youtube&utm_medium=min-height-percentage

When we declare the height of an element as…

https://kevinpowell.co/courses?utm_campaign=general&utm_source=youtube&utm_medium=cssparallax 👈 Interested in levelling up your CSS game? I’ve got courses!

Parallax effects can be cool, but I’m always told the CSS-only solutions aren’t “true” parallax. Well…

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…

Looking to step up your CSS game? 👉 https://kevinpowell.co/courses?utm_campaign=general&utm_source=youtube&utm_medium=viewportunits I have a bunch of courses, including several free ones.

I see people use `vh` a lot, and then complain that it doesn’t work…

✉️ Newsletter: https://kevinpowell.co/newsletter - 🎙️Podcast: https://kevinpowell.co/podcast - 📽️ Second channel: https://youtube.com/@generalmusings (video version of the podcast)

People ask me how I keep up with CSS and all the new features coming out...…

iCodeThis 👉 https://icodethis.com/?ref=kevin If you decide to go for a PRO account, make sure to use the coupon KEVIN at checkout for an additional 10% off! Also, this is an affiliate link, which means that I’ll receive a small commission in case you do go…

Looking to step up your CSS games? I’ve got free and premium courses to help you out! 👉 https://kevinpowell.co/courses?utm_campaign=general&utm_source=youtube&utm_medium=named-grid-lines

I don’t think I’m alone in not using named grid lines very often. They…

Master Frontend to Backend 👇
https://bit.ly/frontend-to-backend-ebook
------------------
Revolutionize projects with our advanced source code. Elevate innovation, accelerate development, and gain a competitive edge. Your key to success is here. Transform…

Feeling pretty good with your CSS and looking to take the next step up in your game? This course might be what you’re after 👉 https://beyondcss.dev/?utm_campaign=general&utm_source=youtube&utm_medium=fontstacks

Web fonts have made the web a much nicer looking…

Been playing with them a little bit up until now, and it's finally time time for a deep dive into scroll-timeline and the scroll() and view() value functions.

In this one I look at a few different effects, like a scroll watcher, fading in images as they…

The project I’m working on in this video 👉https://www.frontendmentor.io/challenges/four-card-feature-section-weK1eFYK

🔗 Links
✅ Frontend Mentor Project from this video: https://www.frontendmentor.io/challenges/four-card-feature-section-weK1eFYK
✅ VS Code…

Looking to up your CSS game? I’ve got free and premium courses: 👉https://kevinpowell.co/courses?utm_campaign=general&utm_source=youtube&utm_medium=newresetfeatures

Most people worry about setting a blank stage and browser parity when using a CSS reset, but…

Make sure to check out and heart Alvaro's original Codepen, which inspired this video! https://codepen.io/alvaromontoro/pen/yLZVJRR

🔗 Links
✅ Alvaro's Codepen: https://codepen.io/alvaromontoro/pen/yLZVJRR
✅ More of Alvaro's work: https://alvaromontoro.com/blog…