Yesdoing / css-masterclass

CSS Masterclass course (Flexbox, Grid, PostCSS, CSSNext)

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

CSS Masterclass

CSS Masterclass course (Flexbox, Grid, PostCSS, CSSNext)

CSS Flex

  • CSS Flex Basics
  • Main Axis and Cross Axis
  • Flex Direction
  • Flex Wrap
  • Align Self

CSS Grid

  • CSS Grid Basics ( Row, columns and gaps)
  • Auto columns, auto rows
  • Template Areas
  • fr unit, repeat
  • minmax, max-content, min-content
  • auto-fill, auto-fit
  • Justify Content, Align Content and Place Content
  • Justify Items, Align Items and Place Items
  • Grid Column, Column Start and End
  • Line Naming
  • Grid Row, Row Start and End
  • Grid Area
  • Justify, Align, Place Self

Using CSS4

  • Installing Parcel
  • Configuring PostCSS
  • Testing

CSS4 Awesomeness

  • :matches , :not
  • CSS Variables
  • @custom-selector
  • @custom-media
  • Media Query Ranges
  • color-mod, gray(), system-ui
  • Nesting Rules

Conclusions

  • CSS Grid Kiss
  • Practice Flexbox
  • Practice Grid

Exercices

About

CSS Masterclass course (Flexbox, Grid, PostCSS, CSSNext)


Languages

Language:HTML 60.7%Language:CSS 39.3%