Some small Css tips #006

To continue on my previous post here are some more tweets with little Css tips that might help you in your projects.

Css child selector

Css child selector docs: https://developer.mozilla.org/en-US/docs/Web/CSS/Child_combinator

:focus with Adjacent Sibling Combinator

focus docs: https://developer.mozilla.org/en-US/docs/Web/CSS/:focus
Adjacent Sibling Combinator docs: https://developer.mozilla.org/en-US/docs/Web/CSS/Adjacent_sibling_combinator

Swap out colors using custom properties

Blog post: https://dev.to/vanaf1979/swap-out-text-colors-with-css-custom-properties-4gg

Centering using Grid

Skew cards

Css skewY() docs: https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/skewY()

Subscribe and Follow

Subscribe to my Youtube channel.

Follow me on Twitter

Thanks for reading/watching and stay safe