CSS Section -> Selectors are placed on separate lines:
/* Good */
h1,
h2,
h3 {
text-transform: uppercase;
}
/* Bad */
h1,
h2,
h3 {
text-transform: uppercase;
}
Notice the Good and Bad examples are the same.
CSS Section -> Properties have their own unique line:
/* Good */
.gallery {
background: #000;
color: #fff;
}
/* Bad */
.gallery {
background: #000;
color: #fff;
}
Notice the Good and Bad examples are the same.