goit-markup-hw-08

SASS preprocessor was used.
The styles are written using a Mobile-first approach and the min-width media function.
There is no unnecessary duplication of styles in media queries.
Styles needed only in a certain gap, closed in media queries (min-width) and (max-width).
The layout is done relative to three breakpoints, as by layout (480px, 768px, and 1200px).
When viewing a page on any device, no horizontal scroll bar appears. All content fits in the available horizontal space.
All background and content bitmaps are responsive and support x1 and x2 pixel density screens.
For content images, the responsive element with descriptor "x" is used.
All content images are responsive, and support webp format and x2 pixel density. At the same time, there are foul back images in alternative jpg or png format.