Просто запустить сервер разработчика командой
yarn dev
Верстка используется резиновая, т.е. все размеры зависят от ширины экрана, тем самым сайт выглядит почти одинаково на любой ширине экрана.
Но из-за того что десктопная версия на мобиле выглядит плохо и не читаемо, у нас отдельная резиновая версия для мобильных устройств.
В итоге имеем адаптивно-резиновую верстку.
Все размеры в css
задаются через rem
, и базовый размер 1-й единцы rem
по макету равен 18px
.
Так же на проекте используется util
функция которая конвертирует размер из макета в rem
самостоятельно.
import { rem } from '@/utils'
const Image = styled.img`
width: ${rem(180)}; // -> 10rem
height: ${rem(180)}; // -> 10rem
`