y e l l o w

Experiment with spacing out the text at the top. The font is Franklin Gothic. Not sure how standard this is on Mac and PC.

Each letter in this h1 is wrapped with a span. The h1 is set to display: flex and justify-content: space-between.

The font size set at 1.8vmax and clamped to 18px and 34px.

Footer

The footer is set to grid with column widths in fr based on the number of characters. The background is black and a gap of 5px is used to create the dividers.

Y E L L O W

This is an h3 with separated letters and set to text-align: justify;.

Y E L L O W

This is an h4 using the same method (flex and justify-content) as the main heading.