The White Album (CSS exercise)

A presentation at Tech Talk @ Tagesspiegel by Gunnar Bittersmann

The Beatles (The White Album) cover

screenshot codepen

Gunnar Bittersmann
@gunnarbittersmann

1 / 2

not so white after all: The Beatles (album cover). Covering:

the currentColor keyword
letter-spacing with uppercase
font-variant-numeric (OpenType feature)
fit-content (how it differs from min-content and max-content)
:not(:empty)
and padStart()
also: input/label mark-up and styling

Resources

The following resources were mentioned during the presentation or are useful additional information.

The White Album: How Richard Hamilton Brought Conceptual Art to the Beatles
The Revolutionary Nature of Richard Hamilton’s Final Design was in its Utter Simplicity

The White Album Project | A Comprehensive Look At The Beatles Self Titled Double Album Masterpiece
codepen: White Album
additional codepen: min-content, max-content, fit-content
additional codepen: label fit-content
additional codepen: Section 31
🎶 Sangah Noona – Ob-La-Di, Ob-La-Da

piano cover

Code

The following code examples from the presentation can be tried out live.

https://codepen.io/gunnarbittersmann/pen/gbOdZKK

White Album