https://andriidorohov.github.io/site-Web-Studio/

Additional criteria

• 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.

Optional criteria

• All content images are responsive, support webp format and x2 pixel density. At the same time, there are folback images in an alternative format jpg or `png'.