Modern responsive website for desktop with mobile phones and tablet support.

Deployed website path: https://aliaksandrbortnik.github.io/responsive-web/

Main breakpoints:

1. < 1344px (small desktop)
2. < 1200px (landscape tables)
3. < 944px (tables)
4. < 704 (small tablets)
5. < 544 (mobile phones)

Features and details:

• Fully responsive design (rem based, media queries, max-width/min-width)
• CSS Grid / CSS Flexbox based layout
• UX best practices (fonts, colors, letter-spacing, line-height, white-spacing, etc.)
• Transition animation
• Box shadows
• Sticky navigation (after the 1th section using IntersectionObserver)
• Smooth scrolling (including Safari browser support)
• Optimized image size