DEV Community

loading...
Cover image for Some small Css tips #006

Some small Css tips #006

vanaf1979 profile image Stephan Nijman Originally published at since1979.dev ・1 min read

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)

pic
Editor guide