Recognized / task3

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Задание №2 «Рисуем "сову"»

Давайте поверстаем что-нибудь по-настоящему серьезное? Как насчёт почты? У вас в телеграме есть ссылка на дизайн-макет в Zeplin. Там можно подсмотреть не только размеры, но и некоторые стили. Вам необходимо сверстать этот макет максимально близко к дизайну.

Дополнительные условия:

  1. По клику на первое письмо список писем меняется на ваше задание №1 (или любую статью о котиках, в оформлении вашего задания №1).
  2. В правом верхнему углу статьи должен быть крестик, по нажатию на который открытую статью можно закрыть.
  3. В статье должен быть элемент, который обтекается по своим контурам.

Если вы все сделаете правильно, то после нажатия должно получиться так: mail-result

⚠️ В задании нельзя использовать flex/grid, а также JavaScript.

И ещё несколько пожеланий:

  1. Хочется, чтобы вы писали, максимально семантичный HTML (там где это возможно)
  2. Предусмотрите, чтобы в элементах вроде меню или заголовках писем мог быть любой текст, а не только тот что в макете
  3. Помните что размеры вашего браузера, и размеры наших могут отличаться

1-й дедлайн: 09.03.2019 23:59 2-й дедлайн: 16.03.2019 23:59

owl-011

About


Languages

Language:HTML 54.4%Language:CSS 27.5%Language:JavaScript 18.1%