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

---

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