responsive.css

/* gut: alle ausprägungen einer klasse sind zusammengruppiert */
.foo {
  color: green;
}

@media (min-width: 768px) {
  .foo {
    color: red;
  }
}

.bar {
  color: blue;
}

@media (min-width: 768px) {
  .bar {
    color: gray;
  }
}


/* nicht so gut: ausprägungen der klassen sind nicht zusammen */
.foo {
  color: green;
}

.bar {
  color: blue;
}

@media (min-width: 768px) {
  .foo {
    color: red;
  }

  .bar {
    color: gray;
  }
}