Skip to content

inner-peace/shri-2018-II-task-1

 
 

Repository files navigation

Задание 1 — «Адаптивная вёрстка»

  • Заголовки могут состоять из не более, чем двух строк, остальное обрезается многоточием. Так и не смог придумать решения для этой задачи, натыкался на подобное решение, но оно работает так себе
  • Адаптивная типографика На ширинах между 768px и 1000px шрифт указан в .vw. Не нашел этому иного применения, ибо не все шрифты в макете растут пропорционально и местами это выглядит стремно Высчитывал по формуле (высота шрифта / ширина вьюпорта) * 100
  • Дополнительно подключил скрипт modernizr для поддержки webp в фоновых изображениях
  • Верстка попадает в макет только на мобильной версии. Дальше идет мое знакомство с гридами
  • Очень хотел сделать все иконки через SVG-спрайт, но пошел дальше ибо это не часть задания. Это бы упростило управление над карточками с type: critical. Менялось бы только fill и не нужно было бы подгружать новую иконку каждый раз

Задание 2 — «Работа с сенсорным пользовательским вводом»

  • Пока нормально осилил только горизонтальный скролл. Буду продолжать доделывать это задание параллельно с другими до проверки

Releases

No releases published

Packages

No packages published

Languages

  • CSS 54.8%
  • JavaScript 26.1%
  • HTML 19.1%