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