Проверь свои навыки: Multicol
=============================

Цель этого задания — чтобы вы поработали с CSS свойствами `column-count`, `column-width` (en-US), `column-gap`, `column-span` (en-US) и `column-rule` и со значениями которые описаны в нашем уроке Макет с несколькими столбцами. Вы будете работать над тремя небольшими задачами, использующими различные элементы из пройденного материала.

**Примечание:** Вы можете опробовать решения в интерактивных редакторах ниже, однако может быть полезным загрузить код и использовать онлайн инструменты такие как CodePen, jsFiddle, or Glitch чтобы проработать задания.

Если вы застрянете, попросите нас о помощи — см. раздел Оценка и дальнейшая помощь в конце страницы.

Multicol Раз
------------

В этом задании вам необходимо создать три столбца с отступом 50px между каждый столбцом.

![Three columns of text](/ru/docs/Learn/CSS/CSS_layout/Multicol_skills/multicol-task1.png)

Попробуйте обновить живой пример ниже для воссоздания законченного примера:

**Примечание:** Для оценки или дальнейшей работы, загрузите отправную точку этого задания чтобы работать в вашем собственном или онлайн редакторе.

Multicol Два
------------

Создайте столбцы с минимальной шириной 200px.

Затем добавьте серую линейку 5px между каждым столбцом, убедитесь, что между краями линейки и содержимым столбцов есть пространство 10px.

![Three columns of text with a grey rule between them.](/ru/docs/Learn/CSS/CSS_layout/Multicol_skills/multicol-task2.png)

Попробуйте обновить живой код ниже для воссоздания законченного примера:

**Примечание:** Для оценки или дальнейшей работы, загрузите отправную точку этого задания чтобы работать в вашем собственном или онлайн редакторе.

Multicol Три
------------

Заставьте элемент содержащий заголовок и подзаголовок растянуться через все столбцы так чтоб это выглядело как на картинке

![Three columns of text with a heading and subheading spanning all three in the middle.](/ru/docs/Learn/CSS/CSS_layout/Multicol_skills/multicol-task3.png)

Попробуйте обновить живой код ниже для воссоздания законченного примера:

**Примечание:** Для оценки или дальнейшей работы, загрузите отправную точку этого задания чтобы работать в вашем собственном или онлайн редакторе.

Оценка и дальнейшая помощь
--------------------------

Вы можете попрактиковаться с этими примерами в интерактивных редакторах упомянутых выше.

Если вы хотите, чтобы вашу работу оценили, или вы застряли и хотите попросить помощи:

1. Разместите свою работу в онлайн редакторе в которым можно поделиться работами в таком как CodePen, jsFiddle, или Glitch. Вы можете написать код самостоятельно или использовать файлы с отправными точками ссылки на которые имеются в разделах выше.
2. Напишите пост с просьбой оценки и/или помощи на MDN Discourse forum Learning category. Ваш пост должен включать:
    * Описательный заголовок такой как "Требуется оценка проверки навыков по Multicol задание 1".
    * Детали о том, что вы уже попытались сделать и что бы вы хотели, чтобы мы сделали, например, если вы застряли и вам нужна помощь, либо вы хотите оценку.
    * Ссылку на онлайн редактор (как упомянуто выше в пункте 1) с примером, который нуждается в оценке или с которым нужна помощь. Это хорошая практика чтобы вникнуть — очень сложно помочь кому-либо с проблемным кодом если вы не видите их код.
    * Ссылку на актуальную задачу или страницу оценки, чтобы мы могли найти вопрос, по которому вам нужна помощь.