INTRO TO

CSS

Jesper Bratt

Front end/Design/UX

Content

• The best CSS selectors
• Flexbox and Grid
• Preprocessors
• Let's style something!

Feel free to ask questions whenever!

Many feel like this

tHE BEST CSS SELECTORS

• Simple: # and .
• Combinators: >, + and ~
• Pseudos: ::something

If you can HTML it, you can select it somehow.

Flexbox and grid

• Flexbox
• Grid

Pray to the web browser gods that you don't need to support less than IE8...

Preprocessors

• Variables
• Nesting
• Loops
• Mixins
• Functions
• Imports

SASS/SCSS, LESS, Stylus, PostCSS

Let's style

something

from plain TO flame using css