Tips And Tricks Write Less CSS

Background

Font

Border

Outline

Margin

Padding

So how many do you use?

Comments

[perpetual . education]

In almost all cases besides borders and margins, we prefer longhand. The short hand overrides everything - and it can really cause havoc when you're using the cascade.

[Ega Prasetya]

nice one

[perpetual . education]

For example

.thing {
  background-position: whatevers;
}

@media (min-width: 600px) {
  background: red; /* removes the position */
}

and in general... "Writing too much CSS" isn't a problem. Your coworkers not being able to read your CSS is the problem.

[Shivam Shekhar]

Thanks! This was really helpful and time-saving.

[Ega Prasetya]

you are welcome bro..