Great article about position: sticky by Elad Shechter

elad.medium.com/css-position-s…

🤡 #CSS Riddle
How do you define a CSS Grid with 5 columns without defining the Grid itself with any columns?

CodePen.IO for playing:
codepen.io/elad2412/pen/G…

🧐Have you started adopting #CSS Logical Properties?

🤓 Do you think we need to add #CSS #Reset this style:
* { min-width:0; }

If no, explain why in the comments🧐

#2023 was a crazy year for me. 4 continents, 22 Countries, and endless spots I have been. How was your year?

Ca be very helpful in some cases

One of the best news for #CSS , finally ':has' pseudo-class, the 'parent' selector, is arriving at Firefox 🔥 in the next several months, bringing us to full support in evergreen browsers.

Can I Use...: caniuse.com/css-has

When there is a task that no one wants to take on responsibility 😂

cc: Arman

When backend developers try to align CSS elements

#CSS Positions got the 'inset' property, a shorthand to describe all the directions combined.

Now has full support in all the updatable browsers.

Now you can unite #CSS 'vertical-padding' or 'horizontal-padding'.

Works as well for the 'margin' and the 'border' properties.

Supported in all updatable browsers.

(while 'writing-mode' stays with its default value 'horizontal-tb')

🤓 The New #CSS way for centering the main container HTML element.

(without declaring vertical margins)
* Supported in all updatable browsers.

The new #CSS way to use the 'text-align' property
(works according to the 'direction' property)

* Works in all upgradable browsers

💡The new #CSS way for centering with 'position: fixed'.

CodePen.IO demo:
codepen.io/elad2412/pen/v…

* Works in all evergreen browsers.

🤓 When you need a #CSS 'display: block' element that takes only the content size, you can now use the 'width: fit-content' instead of the 'inline-block' value.

And has full browser support! 🦄.

CodePen.IO:
codepen.io/elad2412/pen/K…

When we want to reset the 'display' property in #CSS , in most cases is better to use the 'revert' value instead of the 'unset' value.

More about the CSS reset keywords:
elad.medium.com/how-does-css-w…

🤩 The #CSS property 'aspect-ratio' is now supported in all evergreen browsers!

* The last two browsers, Safari 15 and Samsung Internet 15 (updated today) , are now supporting this feature.

CodePen.IO:
codepen.io/elad2412/pen/M…

The #CSS ':where' pseudo-class function as full browser support.

Main abilities:
- Combine different selectors
- Remove specificity

MDN Web Docs: developer.mozilla.org/en-US/docs/Web…