Hey people!
CSS is magic for lots of people. So I am right here to assist. I wrote this text with my favourite suggestions. In case you prefer it you’ll read more tips in my newsletter.
border helps customers with photosensitivity to seek out component boundaries
background would not show with working system distinction settings enabled. Because of this, customers will not component boundaries. The answer is to make use of border: 1px stable clear 💡
The ability of CSS inheritance when defining line-height
Of us, I tousled. I forgot I can use CSS inheritance and add line-height to <physique> as a substitute of including it to <p>, <h*>, <ul>, et al. individually 😉
Remember to cease web page scrolling when making a customized scrollbar
Do you make the widget with customized scrolling? overscroll-behavior will care about your customers by stopping web page scrolling after scrolling your widget 💡
We need not use 0 anymore to outline margins and paddings
I needed to make a not logical factor, i.e. use 0 to outline margins, paddings with reverse sides 😒 Now margin-block, margin-inline, padding-block, padding-inline assist us to make the identical with out 0 🥳
It’s time to make use of a brand new manner for centering parts with place: absolute
Do you continue to use the previous snippet to the middle component with place: absolute utilizing remodel(-50%, -50%)? It’s time to make use of a brand new various! Meet place-items: heart 😉
