Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Вивчайте Завдання: Виправлення зламаного макета | Декоративні та сучасні ефекти
Основи CSS

Завдання: Виправлення зламаного макета

Свайпніть щоб показати меню

Вам надано три картки. Оновіть макет відповідно до наступних вимог. Кожна картка повинна:

  • Мати ширину 200px.
  • Мати 20px внутрішнього відступу.
  • Мати 15px відстані між картками.
  • Мати рамку товщиною 2 пікселі, суцільного стилю та сірого кольору.
  • Зберігати оголошену ширину незмінною навіть після додавання внутрішнього відступу та рамки.
index.html

index.html

index.css

index.css

  • Використовуйте властивість width для визначення ширини елемента.
  • Використовуйте padding для внутрішнього відступу.
  • Використовуйте margin для створення відстані між картками.
  • Використовуйте border: 2px solid gray для додавання рамки.
  • Використовуйте box-sizing: border-box, щоб внутрішній відступ і рамка не збільшували загальну ширину.
index.html

index.html

index.css

index.css

Все було зрозуміло?

Як ми можемо покращити це?

Дякуємо за ваш відгук!

Секція 1. Розділ 15

Запитати АІ

expand

Запитати АІ

ChatGPT

Запитайте про що завгодно або спробуйте одне із запропонованих запитань, щоб почати наш чат

Секція 1. Розділ 15
some-alt