Herausforderung: 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.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 13
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 13