GESTALTEN UND BEDIENBAR MACHEN

Oberflächen-Werkstatt

Baue verständliche Formulare, Tabellen und Navigationen. Prüfe Struktur und tatsächliche Bedienung.

Aufgabe wählen

Hauptinhalt abgrenzen

Erstelle genau einen main-Bereich mit einer sichtbaren Überschrift erster Ebene.

HTML-Struktur

CSS-Gestaltung

body { font-family: system-ui, sans-serif; color: #153139; background: #f5f8f8; padding: 20px; line-height: 1.6; }
main, form, fieldset { max-width: 36rem; }
label, input, select, textarea { display: block; }
input, select, textarea, button { font: inherit; max-width: 100%; padding: 8px; margin-bottom: 12px; }
button { background: #153139; color: white; border: 0; border-radius: 6px; }
:focus-visible { outline: 3px solid #176bba; outline-offset: 3px; }
table { border-collapse: collapse; }
th, td { border: 1px solid #74898d; padding: 8px; }

Anmelden, um deinen Aufgabenfortschritt im Konto zu speichern.