To continue on my previous post here are some more tweets with little Css tips that might help you in your projects.
Attribute selections
Check out the full documentation here: developer.mozilla.org/en-US/docs/Web/CSS/At..
Missing attribute selection
Text version is here: gist.github.com/vanaf1979/743529e1910c7f39e..
Css :not() documentation: developer.mozilla.org/en-US/docs/Web/CSS/:not
To check for more a11y issues i recommend you check out checka11y.css github.com/jackdomleo7/Ch
Left aligning your html lists
Full text version is here: gist.github.com/vanaf1979/f1107b152e21560ac..
Simple columns
Full text version is here: gist.github.com/vanaf1979/27ce8660def0de2c5..
Adding icons to your links
Full text version: gist.github.com/vanaf1979/1f73caabf97a70ee9..
Attribute selectors docs: developer.mozilla.org/en-US/docs/Web/CSS/At..
Font Awesome with pseudo-selectors docs: fontawesome.com/how-to-use/on-
Responsive headers with clamp
Live example in CodePen > codepen.io/Since1979/pen/KKgQzKw?editors=1100
Css Clamp Docs > developer.mozilla.org/en-US/docs/Web/CSS/cl..
Css Clamp browser support > caniuse.com/?search=Clamp
Want more of this?
If you would like to have these tips, and other stuff, in your twitter timeline come and follow me @Vanaf1979. If you just want the gist you can follow me here on hashnde as well. Or you could check out my blog at Sinse1979.dev
Thanks for reading and stay safe.