Challenge: Fix a Broken Layout
Sveip for å vise menyen
Task
You are given three cards. Update the layout using the following requirements. Each card should:
- Have a width of 200px.
- Have 20px internal spacing.
- Have 15px space between cards.
- Have a border that is 2 pixels wide, with a solid style and gray color.
- Keep the declared width unchanged even after adding padding and border.
index.html
index.css
- Use the
widthproperty to define the element's width. - Use
paddingfor internal spacing. - Use
marginto create space between cards. - Use
border: 2px solid grayto add the border. - Use
box-sizing: border-boxto prevent padding and border from increasing the total width.
index.html
index.css
Alt var klart?
Takk for tilbakemeldingene dine!
Seksjon 3. Kapittel 5
Spør AI
Spør AI
Spør om hva du vil, eller prøv ett av de foreslåtte spørsmålene for å starte chatten vår
Seksjon 3. Kapittel 5