Всем привет! Нужно сверстать сайт по готовому шаблону.
Сайт будет использоваться как прокладка для рекламы. Через него потенциальный покупатель будет попадать на страницу, где он сможет совершить покупку. Важно сделать сайт резиновым, чтоб он подходил под размеры всех мобильных телефонов, планшетов и компьютерных мониторов. Дизайн делал я, в фигме. Уверен там есть какие-то косяки, потому как у меня нет дизайнерского опыта, я любитель. В качестве минимального размера экрана мобильного телефона, я выбрал фигмовский шаблон шириной экрана в 360 пикселей – это минимальный, который я нашел там. Если вы знаете какой самый узкий экран смартфона, который широко используется на сегодняшний день, то прошу адаптировать под его ширину, так как самый большой трафик покупателей идет именно с мобильных устройств.
--
Сверху слева четыре пары кнопок – первые верхние неактивные, нижние две – при наведении. Фоновая фотография была растянута. Остальная информация – это уже готовые фотки, которые нужно правильно сориентировать с Level-ом слева.
Что касается верхней части: тайтл, описание совместимости, цена и кнопки – где мог, я подобрал круглые отступы, но в основном получилось так, что я раскидал в шахматном порядке, чтобы строчки не пересекались. Ну и снизу информационная таблица.
Ссылка на дизайн: