Categories
CSS

Flex Playground Class Exercise: Light Blog 2024

In this exercise, we are going to explore flexbox and some new ways of working with color in css.

First, please download the starter files.

Colors to Use

  --richYellow: color(display-p3 0.984 0.776 0.318);
  --richGreen: color(display-p3 0.292 0.649 0.547);
  --richBlue: color(display-p3 0.424 0 1 / 1);
  --darkGrey: color(display-p3 0.129 0.133 0.137);
  --richPink: lch(52% 131 4);

Topics We Will Also Explore

  • Wide Gamut Color
  • Limitations of srgb
  • The color function
  • The color-mix function
  • Variable fonts

Resources