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 docs: https://developer.mozilla.org/en-US/docs/Web/CSS/Child_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
Small #css tip: In this week's video i will show you how we can use Css custom properties/variables to swap out all text colors in a specific section on our webpage.
This was recorded late at night so excuse the sleepy head! 😜
👇Check out the video in the comment below13:39 PM - 10 Feb 2021
Blog post: https://dev.to/vanaf1979/swap-out-text-colors-with-css-custom-properties-4gg
Small #css tip: You can create distorted cards/boxes with straight content by skewing the box itself and skewing it’s content in a reversed direction! (I learned this one from looking at @5t3ph’s website, so all credits must go to her! 😜)
👇Codepen example in the link below!12:28 PM - 20 Jan 2021
Css skewY() docs: https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/skewY()
Thanks for reading/watching and stay safe