Конструктор тестів
1
Яка властивість Flexbox визначає, чи можуть елементи переноситися на новий рядок або стовпець, якщо вони не поміщаються в одному ряду?
2
Яке значення властивості justify-content вирівнює елементи по ширині контейнера з пропусками між ними та межами Flex-контейнера?
3
Яка семантична HTML5-структура використовується для основного унікального контенту сторінки?
4
Який тип хостингу є найдешевшим і передбачає розміщення кількох вебсайтів на одному сервері, де ресурси розподіляються між усіма користувачами?
5
Яке значення властивості order є типовим (за замовчуванням) для всіх Flex-елементів?
6
Який інструмент з перлічених нижче, є найбільш популярним для аналізу трафіку вебсайтів?
7
Для чого використовується властивість object-fit: cover; для зображення у картці профілю?
8
Які характеристики описують цільову аудиторію вебсайту?
9
Які переваги характерні для Віртуального хостингу (Shared Hosting)?
10
Встановіть відповідність між властивістю Flexbox та її функцією для контейнера:
align-items
Розташування елементів вертикально зверху вниз
justify-content
Розтягування елементів на всю висоту контейнера (за замовчуванням)
flex-direction: column
ирівнювання елементів уздовж перпендикулярної осі (по вертикалі, якщо вісь горизонтальна)
align-items: stretch
Вирівнювання елементів уздовж головної осі (горизонтально, якщо вісь горизонтальна)
11
Встановіть відповідність між типом хостингу та його ключовою характеристикою:
Виділений сервер (Dedicated Hosting)
Фізичний сервер розділяється на кілька віртуальних, кожен з яких має виділені ресурси
Хмарний хостинг (Cloud Hosting)
Кілька вебсайтів розміщуються на одному сервері, ресурси спільно використовуються
Віртуальний хостинг (Shared Hosting)
Використовує ресурси кількох серверів для розподілу навантаження та масштабованості
VPS Hosting
Користувач отримує в оренду цілий фізичний сервер, всі ресурси належать лише одному клієнту
12
Встановіть відповідність між елементом макету та його призначенням:
Main Content (Основний контент)
Містить інформацію про авторські права, контакти
Footer (Підвал)
Містить статті, зображення, відео, є центральною частиною сторінки
Header (Заголовок)
Містить логотип, назву сайту, навігаційне меню
Sidebar (Бокова панель)
Містить додаткову інформацію, рекламу, посилання
13
Встановіть відповідність між властивістю та її використанням у картці профілю (.profile-card):
text-decoration: none
Забезпечує кругове відображення зображення профілю
display: flex
Перетворює блок соціальних мереж на гнучкий контейнер
border-radius: 50%
Приховує підкреслення на посиланнях соціальних мереж
0 8px 16px rgba(0, 0, 0, 0.3)
Задає тінь рамки для контейнера
14
Скеруй жабку до центру ставка. Запиши команди у відповідне поле (вводимо одним рядком, але дотримуючись розділових знаків)

Рефлексія від 41 учня
Сподобався:
Так: 40
Ні: 1
Зрозумілий:
Так: 37
Ні: 4
Потрібні роз'яснення:
Ні: 39
Так: 2