https://github.com/andriidorohov/site-web-studio

🔐 Web Studio site
https://github.com/andriidorohov/site-web-studio

css html-css-javascript html5 js sass sass-mixins

Last synced: 15 days ago
JSON representation

🔐 Web Studio site

• Host: GitHub
• URL: https://github.com/andriidorohov/site-web-studio
• Owner: AndriiDorohov
• Created: 2023-06-30T16:27:30.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-01-09T00:44:02.000Z (12 months ago)
• Last Synced: 2024-12-19T00:40:29.979Z (15 days ago)
• Topics: css, html-css-javascript, html5, js, sass, sass-mixins
• Language: HTML
• Homepage: https://andriidorohov.github.io/site-Web-Studio/
• Size: 5.81 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
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 `` 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'.