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
Все було зрозуміло?

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

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

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

Запитати АІ

expand

Запитати АІ

ChatGPT

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

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