Завдання: Виправте зламаний макет
Свайпніть щоб показати меню
Вам надано три картки. Оновіть макет відповідно до наступних вимог. Кожна картка повинна:
- Мати ширину 200px.
- Мати 20px внутрішнього відступу.
- Мати 15px проміжку між картками.
- Мати рамку товщиною 2 пікселі, суцільного стилю та сірого кольору.
- Зберігати оголошену ширину незмінною навіть після додавання відступу та рамки.
index.html
index.css
- Використовуйте властивість
widthдля визначення ширини елемента. - Використовуйте
paddingдля внутрішнього відступу. - Використовуйте
marginдля створення проміжку між картками. - Використовуйте
border: 2px solid grayдля додавання рамки. - Використовуйте
box-sizing: border-box, щоб відступи та рамка не збільшували загальну ширину.
index.html
index.css
Все було зрозуміло?
Дякуємо за ваш відгук!
Секція 1. Розділ 13
Запитати АІ
Запитати АІ
Запитайте про що завгодно або спробуйте одне із запропонованих запитань, щоб почати наш чат
Секція 1. Розділ 13