Gunnar Bittersmann: column-count: auto; und scroll-snap-*

Beitrag lesen

@@at

Ein Inhalt variabler Länge wird im CSS mittels fester column-width und column-count: auto; in eine variable Anzahl von nebeneinander liegenden, gleich großen Spalten aufgeteilt.

Problem dabei: Die Spaltenbreite wird so berechnet, dass eine ganzzahlige Anzahl von Spalten ins Containerelement passt. Das mag zwar chic aussehen, auf Systemen, die – solange man nicht scollt – keine Scrollbar zeigen (macOS, iOS, Android?), haben Nutzer aber keinen visuellen Hinweis darauf, dass da rechts noch mehr Inhalt ist, zu dem man horizontal scrollen kann.

Besser wäre es, wenn rechts eine Spalte angeschnitten wäre oder man irgeneinenanderen Hinweis (Pfeil?) bekäme.

😷 LLAP

--
“When I was 5 years old, my mother always told me that happiness was the key to life. When I went to school, they asked me what I wanted to be when I grew up. I wrote down ‘happy.’ They told me I didn’t understand the assignment, and I told them they didn’t understand life.” —John Lennon