Utmaning: Åtgärda en Trasig Layout
Svep för att visa menyn
Du har tre kort. Uppdatera layouten enligt följande krav. Varje kort ska:
- Ha en bredd på 200px.
- Ha 20px inre avstånd.
- Ha 15px avstånd mellan korten.
- Ha en ram som är 2 pixlar bred, med solid stil och grå färg.
- Behålla den angivna bredden oförändrad även efter att padding och ram har lagts till.
index.html
index.css
- Använd egenskapen
widthför att definiera elementets bredd. - Använd
paddingför inre avstånd. - Använd
marginför att skapa avstånd mellan korten. - Använd
border: 2px solid grayför att lägga till ramen. - Använd
box-sizing: border-boxför att förhindra att padding och ram ökar den totala bredden.
index.html
index.css
Var allt tydligt?
Tack för dina kommentarer!
Avsnitt 1. Kapitel 13
Fråga AI
Fråga AI
Fråga vad du vill eller prova någon av de föreslagna frågorna för att starta vårt samtal
Avsnitt 1. Kapitel 13