https://andriidorohov.github.io/site-Web-Studio/
- The SASS preprocessor is used.
- When writing styles, a Mobile-first approach and a media function are used
min-width
. - There is no unnecessary duplication of styles in media queries.
- Styles needed only in a certain interval are closed in media queries
(min-width) and (max-width)
. - The layout is made relative to three fracture points, as in the layouts (480px, 768px and 1200px).
- When viewing the page on any device, the horizontal does not appear scroll bar. All content is placed in an accessible horizontal space.
- All background and content bitmaps are responsive, and support screens with pixel densities of
x1' and
x2'. - For content images, the responsive element
<img>
with the descriptor `x' is used.
- All content images are responsive, support
webp
format andx2
pixel density. At the same time, there are folback images in an alternative formatjpg
or `png'.