Skip to content

Latest commit

 

History

History
20 lines (17 loc) · 712 Bytes

README.md

File metadata and controls

20 lines (17 loc) · 712 Bytes

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