Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lernen Herausforderung: Ein Fehlerhaftes Layout Beheben | Abschnitt
CSS-Grundlagen

bookHerausforderung: Ein Fehlerhaftes Layout Beheben

Swipe um das Menü anzuzeigen

Es stehen drei Karten zur Verfügung. Aktualisieren Sie das Layout gemäß den folgenden Anforderungen. Jede Karte sollte:

  • Eine Breite von 200px haben.
  • Über Innenabstand von 20px verfügen.
  • Einen Abstand von 15px zwischen den Karten aufweisen.
  • Einen Rahmen mit einer Breite von 2 Pixeln, solidem Stil und grauer Farbe besitzen.
  • Die deklarierte Breite soll unverändert bleiben, auch nach Hinzufügen von Padding und Rahmen.
index.html

index.html

index.css

index.css

copy
  • Die Eigenschaft width zur Definition der Breite des Elements verwenden.
  • padding für den Innenabstand nutzen.
  • margin verwenden, um Abstand zwischen den Karten zu schaffen.
  • border: 2px solid gray für den Rahmen einsetzen.
  • box-sizing: border-box verwenden, damit Padding und Rahmen die Gesamtbreite nicht erhöhen.
index.html

index.html

index.css

index.css

copy
War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 1. Kapitel 13

Fragen Sie AI

expand

Fragen Sie AI

ChatGPT

Fragen Sie alles oder probieren Sie eine der vorgeschlagenen Fragen, um unser Gespräch zu beginnen

Abschnitt 1. Kapitel 13
some-alt