GoCareerGo Tutorials

CSS Tutorial

Selectors, box model, Flexbox, Grid, animation and responsive design.

CSS Preprocessors

Sass/SCSS and LESS extend CSS with variables, nesting, mixins and functions — compiled down to plain CSS.

// SCSS example
$primary: #0f9f8f;

.card {
  border: 1px solid $primary;
  .title {
    font-weight: bold;
  }
}

Tip

Note that native CSS custom properties + nesting have closed much of the gap — mention this modern context.