Herausforderung: Ein Fehlerhaftes Layout Beheben
Swipe um das Menü anzuzeigen
Sie erhalten drei Karten. Aktualisieren Sie das Layout gemäß den folgenden Anforderungen. Jede Karte sollte:
- Eine Breite von 200px haben.
- Über 20px Innenabstand verfügen.
- 15px Abstand zwischen den Karten haben.
- Einen Rahmen mit 2 Pixeln Breite, solidem Stil und grauer Farbe besitzen.
- Die deklarierte Breite soll unverändert bleiben, auch nach Hinzufügen von Padding und Rahmen.
index.html
index.css
- Die Eigenschaft
widthzur Definition der Breite des Elements verwenden. paddingfür den Innenabstand nutzen.marginverwenden, um Abstand zwischen den Karten zu schaffen.border: 2px solid grayfür den Rahmen einsetzen.box-sizing: border-boxverwenden, damit Padding und Rahmen die Gesamtbreite nicht erhöhen.
index.html
index.css
War alles klar?
Danke für Ihr Feedback!
Abschnitt 1. Kapitel 15
Fragen Sie AI
Fragen Sie AI
Fragen Sie alles oder probieren Sie eine der vorgeschlagenen Fragen, um unser Gespräch zu beginnen
Abschnitt 1. Kapitel 15