Fyzu landing

Разработка

Просто запустить сервер разработчика командой

yarn dev

Верстка

Верстка используется резиновая, т.е. все размеры зависят от ширины экрана, тем самым сайт выглядит почти одинаково на любой ширине экрана.

Но из-за того что десктопная версия на мобиле выглядит плохо и не читаемо, у нас отдельная резиновая версия для мобильных устройств.

В итоге имеем адаптивно-резиновую верстку.

CSS

Все размеры в css задаются через rem, и базовый размер 1-й единцы rem по макету равен 18px.

Tools

Так же на проекте используется util функция которая конвертирует размер из макета в rem самостоятельно.

import { rem } from '@/utils'

const Image = styled.img`
  width: ${rem(180)}; // -> 10rem
  height: ${rem(180)}; // -> 10rem
`