Была задача сделать тестовое задание для дальнейшего сотрудничества. В случае успеха получишь большое количество заказов на разработку сайта. Разве не чудо ?
Первая проблема с которой я столкнулся - это иконки. Они были в плохо отображаемом формате
Если приблизить то видно пиксели и иконка гугла немного обрезана. Не приятно смотреть
Другое дело векторный формат(SVG) . Здесь уже никаких нарезок и глаза не режутся. Плюс растягивай не хочу, хоть на целый дом . Так же можно менять цвет иконки.
Кому интересно можете почитать https://zen.yandex.ru/media/itblog21/chem-rastrovaia-grafika-otlichaetsia-ot-vektornoi-5a8da11c1410c3c44dc270fd
Хмм.. На десктопной версии все смотрится прекрасно. Интересно, что там в мобильной . Не все же посещают сайты с копьютера
Вообще не видно текст . Заказчик не предоставил фоновую картинку для мобильной версии . Тут есть два варианта для решения
Первый повторить изображение по вертикали. Тогда можем смело говорить заказчику "Хотел видеть фоновую картинку - получи". Смотрится ужасно.
Но есть второй вариант. Сделать фоновый цвет изображения для всей страницы
Смотрится куда лучше , нет отвлекающих картинок, которые мозолят глаза и смотрится презентабельнее
http://nikolaev-dmitriy.ru/project/freelance/ ссылка на проект
Итого:
Закончил работу за 4 часа. Поправил исходные иконки, адаптировал под мобильные устройства и