DEV Community

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

Some small Css tips #001

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

Wait, what!?

Well, lately if been trying to tweet a small css tip daily(ish) or at least a couple of times a week. These are small tricks i come across while building websites myself. Now believe it or not but the entire web dev community doesn't follow me on twitter πŸ˜‰ So i thought i'd share them here as well for your convenience. πŸ˜„ There will be more coming soon too.

Visualize a css grid in firefox


Keep your footer at the bottom with Flex


Text version is here: https://gist.github.com/vanaf1979/caedbe162e39503c6ce3dd4f6833bf5b

A small Css specificity cheatsheet


Here's a text version: https://gist.github.com/vanaf1979/9383395531d29c756183364ea1140cca

A responsive header with the Css clamp() function


Check out this article for more info: https://utopia.fyi/blog/clamp/

A image reset.

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 dev.to @Vanaf1979 as well. Or you could check out my blog at Sinse1979.dev

Thanks for reading and stay safe.

Discussion (0)

pic
Editor guide