Breite

Die Karte ist so breit wie die Seite, auf einem großen Bildschirm laufen ihre Textzeilen also sehr lang. Die Breite setzen die Klassen w-*, und ihre Zahlen sind Stufen derselben Abstandsskala: w-64 sind 64 Stufen zu 0,25rem, also 16rem oder 256 Pixel. Neben Zahlen gibt es Klassen für Breiten, die vom Elternelement oder vom Fenster abhängen:

Brüche wie w-1/2, w-1/3, w-2/3 oder w-3/4 sind ein Anteil an der Breite des Elternelements, wie Prozentwerte im CSS-Kurs. w-full macht ein Element so breit wie den Inhalt seines Elternelements, w-screen so breit wie das Browserfenster, und w-auto bringt die Standardbreite zurück, die der Browser selbst berechnet.

Ein Button ist ein Element mit inline-block, wie du aus dem CSS-Kurs weißt: Er ist nur so breit wie sein Inhalt, kann aber eine Breite bekommen. Buttons, die so breit sind wie die ganze Karte, sind üblich, besonders auf Smartphones: Man trifft sie leicht mit dem Finger.