/HTML-CSS-3

Страница фотографии

HTML&CSS#3

Кеша хочет красивый и современный блог, а какой блог без комментариев и лайков? У него появилась идея - сделать страницу фотографии, где люди могли бы делится своим мнением и ставить лайки.

Кеша попросил у вас помощи и написал требования к странице. Реализуйте:

  1. Карточку фотографии, состоящую из:
    • Превью фотографии 320x240;
    • Списка тегов, которые привязаны к фотографии;
    • Справа от фотографии блока с информацией:
      • Дата съемки;
      • Локация съемки;
      • Краткое описание.
  2. Блок с оценками и комментариями, состоящий из следующих элементов:
    • Кнопка-иконка и количество поставленных оценок;
    • Информация о количестве оставленных комментариев;
    • Кнопка для добавления нового комментария;
    • Лист комментариев. Комментарий содержит:
      • Аватарка;
      • Имя;
      • Дата комментария;
      • Текст комментария;
      • Подкомментарийю

Для того чтобы было легче воспринимать информацию подкомментарии необходимо выделить цветом через один.

❗Обратите внимание: использование id, class, style запрещено. Разрешено использование другиx селекторов и псевдоклассов.

В итоге вашей работы должен получить примерно такой сайт:

image

Полезные ссылки:

  1. Макет