CSS Training

Modern CSS Training

Design system with css 3

Intro

What is design system

The structure of the design system

Types of design systems

Tokens and principles

Spacing and typography

going to the next level

Another modern course

Intro

Direction and digital properties

Text Alignment

Margin padding and borders

Width and height

Position and floats

New couse: Flex box

welcome

CSS Grid layout aka grid

terminology

Grid Container

Row and columns

Elements on the grid

Browser support

New course: Variable Font

Welcome

font for fast loading

fredom and creativity

axes settings

Named instances

Finding variables

Previewing variables

mockup

Browser support

Variable font

Low level css properties

Font Weight

Font stretch width

Font style slantitac

Font optical sizing

Custom axes

Fall back

Tailwind library

Welcome

Creating a project

Styling a navbar

Working with typography

Practicing more typography

Using classes for layout

Using variants

Composing Classes

Conclusion