Модуль 2. Тест

display: flex;

position: sticky;

flex-wrap: wrap;

flex-direction: row;

напрямок осей, а отже порядок розташування елементів у контейнері;

колір тексту, розмір шрифту і тип написання вмісту в елементах;

кількість рядків і позиціонування елементів у рядку;

колір фону, прозорість та рамки елементів;

column;

column-reverse;

row;

row-reverse;

nowrap – всі елементи в одному рядку і будь що буде;

wrap-reverse – елементи перестрибують вздовж cross axis в зворотньому напрмяку;

wrap — елементи перестрибують уздовж main axis від початку до кінця осі;

0 – забороняється перестрибування уздовж main axis від початку до кінця осі;

align-items розтягує рядки багаторядкового контейнера, а align-content вирівнює їх уздовж cross axis;

align-items керує вирівнюванням елементів уздовж cross axis у рамках одного рядка, align-content керує вирівнюванням усіх рядків багаторядкового контейнера уздовж cross axis, якщо є вільне місце;

align-items вирівнює елементи уздовж main axis а align-content — уздовж cross axis;

не має різниці;

75px;

125px;

25px;

50px;

flex-basis:0;

flex-shrink:0;

flex-grow:0;

order:0;

один раз. Єдина мітка — це Registration form;

один раз. Мітка — це підпис Submit унизу;

тричі. Мітки — підписи поряд з полями вводу: Your name, Email address, Phone number;

жодного разу не використовувався;

<input size="10">;

<input length="10">;

<input maxlength="10">;

<input cols="10">;

<input type="text">;

<input type=radio>;

<input type=checkbox>;

<select type="text">;

<input type="checkbox">;

<checkbox>;

<check>;

<input type="check">;

<input type="submit" value="відправити">;

<input type="button" value="відправити">;

<input type="reset" value="відправити">;

<input type="hidden" value="відправити">;

width / height;

cols / rows;

size;

length;

<input type="submit">;

<input type="push">;

<input type="reset">;

<input type="clear">;

<footer>;

<nav>;

<header>;

<div>;

<viewport content="width=device-width, initial-scale=1.0"/>

<viewport content-width="device-width” scale=”initial-scale=1.0"/>

<meta name="viewport" content="width=device-width, initial-scale=1.0"/>

<meta-tag name="viewport" content="width=device-width, scale=initial-scale=1.0"/>

зелений;

чорний (за замовчуванням);

жоден;

синій;

кросбраузерність сайту;

адаптивність сайта;

верстка сайта;

ідентичність сайта;

областю перегляду (в'юпорт, viewport);

медіа-запитом;

точкою перелому (breakpoint);

кросбраузерністю;

медіазапит;

модуль grid;

гумова верстка;

брейкпоінт;