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