How to name your classes

We often forget to be consistent in naming conventions.
My two cents are to just pick one way of naming your classes and be consistent.

What are vendor prefixes

Vendor prefixs are magic words for cross-browser support.
My two cents are to use online autoprefixer or some other autoprefixer tool for vendor prefixes.

Transition them all

Transitioning all css properties might be overkill.
My two cents are to be more specific on which properties we actually want to transition.

How deep is your selector

Too specific selectors might be hard to overwrite and reuse.
My two cents are to use class instead of nested selectors.

How to import google fonts

Some of my students often forget to import font-weight and font-style with font-family from the Google fonts.
My two cents are to import font styles and font-weights you need, not just the font-family.

Too general selectors

Global selectors might have side effect we are not aware of.
My two cents are to use class instead of global selectors.

Magic numbers

Smelly css often has random number because they just work.
My two cents are to stay away from magic numbers.

Order of media queries matters

Order of code in CSS matters. Media queries are not an exception.
My two cents are to be careful how are we going to order media queries.

IDs as selectors

IDs are hard to overwrite and reuse on the same page.
My two cents are not to use classes instead of IDs.