Адаптивная вёрстка и работа с макетом
- В целом
- О пр. Фигме
- Планы по улучшению
В целом Данная практическая работа явлеется третьей по счету за время моего обучения в Yandex Praktikum. Данный проект мне понравился гораздо больше, чем предыдущие. Красивее и больше похож на настоящую работу, после сдачи работы обязательно добавлю её в своё портфолио. Единственное чего нехватает так это работы в команде над одним проектом. Самым сложным оказался блок cover больше всего времени понадобилось для обнаружения связки псевдокласса before c функцией content: ''.
О пр. Фигме Достаточно интересный сервис для разработки макетов. Для тех кто работал с графическим редактором разобраться с ним не составит труда. В этой практической работе не было задачи использовать совместное использование макета (оставлять комментарии и демонстрировать свой курсор), в этом есть огромный потенциал данного сервиса и это здорово. Единственный недостаток это частые вылеты и черный экран, но с учетом того что программа относительно свежая и бесплатная, то это незначительно портит картину. Также неплохой плагин для браузера Pixel Perfect, но к сожалению работать с ним на мониторах с небольшим разрешением крайне неудобно. Также особенности влияния скрола прокрутки на макет и его размер в пикселях всё ещё остаётся загадкой для меня.
Планы по улучшению К сожалению из-за нехватки времени нет возможности довести код до идеального состояния (как я люблю). Некоторые моменты я планирую доработать уже в процессе проверки. На данный момент решил проблему с деплоем, теперь проект доступен по ссылке Путешествие по России При попытке оберуть галерею в список, форматирование полностью слетает. Я пришёл к выводу, что списки не работают с grid. Но не исключаю, что проблема в позиционировании. Так же есть необходимость разобраться с путями для css к примеру для background-image т.к. пути указаные локально не работают в гит пейдж, из-за этого приходится все картинки обозначать в html. В любом случае потребуется ещё немного времени чтобы окончательно во всём разобраться. После здачи проекта в свободное время планирую сделать блок places более адаптивным. Добавить больше селекторов @media и использовать процентные величины везде, где это возможно.
