html-foxford-homeworks

Домашнее задание к лекции 2.2 «Строчно-блочные элементы»

Задача №1

Задачу №1 выполните в редакторе по ссылке «Строчно-блочные элементы. Задание №1»

Нужно сверстать навигацию по сайту.

  1. Расположить элементы горизонтально.
  2. Задать для пунктов меню фоновый цвет.
  3. Задать внутренние поля (padding) для пунктов меню: верхнее и нижнее по 15px, правое и левое по 30px.
  4. Вся область каждого пункта меню должна быть кликабельна.
  5. Между ссылками должно быть небольшое расстояние или тонкая рамка.
  6. У ссылки убрать стандартное подчеркивание и сделать цвет текста черным.

Задача №2

Задачу №2 выполните в редакторе по ссылке «Строчно-блочные элементы. Задание №2»

Нужно исправить ошибку переноса элементов на следующую строку. Элементы должны стоять в 3 колонки. Ширина элементов должна остаться такой же — 33.33%.

Перед выполнением работы прочитайте инструкцию по работе с Codepen.

  1. Перейдите по ссылке, указанной в начале задания.
  2. Нажмите кнопку Fork.
  3. Выполните домашнее задание.
  4. Нажмите кнопку Save.