DEV Community

Cover image for Some small Css tips #006
Stephan Nijman
Stephan Nijman

Posted on • Originally published at since1979.dev

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

Discussion (0)