
Nnanna Uwakwe
211 posts

Nnanna Uwakwe
@Uwaks_Dev
Web Developer JavaScript | React | WordPress


I am so excited to announce the first of a series of major free updates to my existing Udemy courses. Understanding HTML and CSS just received a major update, covering new CSS features now supported by all major browsers. If you purchased this course or have access via Udemy for Business you can watch all the content now for free. What's been added to the course? Media Query Range Syntax An easier, less error-prone way to define your media queries. CSS Nesting Browsers now support nesting CSS rules. This game changing CSS feature will make your CSS more modular, readable, and maintainable. You want all your CSS going forward to use nesting, it's that helpful. CSS Layers Forget fighting the cascade. The new at-layer rule enables organizing our own CSS, and using others' CSS, in the easiest way possible. Avoid worrying about specificity and overrides by explicitly declaring your rules in layers. We'll see how this makes our life as CSS authors so much easier. Container Queries The next level beyond media queries, container queries let you define your rules based on the size of a containing element. This enables you to create self-contained and reusable page elements that can maintain their intended layout, even if you change the layout around them. They also lend themselves to making even better reusable components in JavaScript frameworks like React, Vue, and Angular. Container queries are another feature I would use going forward in your modern CSS. The :has pseudo-class, a Superpower The new :has pseudo-class is truly a superpower for CSS authors. You can now select parents or previous siblings, based on what comes after them in the DOM, opening up some extraordinary scenarios that can now be accomplished in pure CSS. Things that before required JavaScript. If you aren't using :has, you're getting left behind in your CSS skills. We dive in in-depth. All this content is available now in the course, and if you've already enrolled it's all available to you for free! I encourage you to dive in now and watch the new content. You might want to get caught up, because another big drop of HTML/CSS content is coming within the next couple of weeks, that will build on our deep dive into these new CSS features. See you in the course: udemy.com/course/underst…

















