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

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

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

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

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

index.html

index.css

index.css

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

index.html

index.css

index.css

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

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

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

Секція 3. Розділ 5

Запитати АІ

expand

Запитати АІ

ChatGPT

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

Секція 3. Розділ 5
some-alt