Challenge: Fix a Broken Layout
Swipe to show menu
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
Everything was clear?
Thanks for your feedback!
SectionΒ 1. ChapterΒ 13
Ask AI
Ask AI
Ask anything or try one of the suggested questions to begin our chat
SectionΒ 1. ChapterΒ 13