Attention. This code is not a complete project. This is part of a real project. From which everything that could be a commercial secret was severely removed!

Getting Started

  npm i

Your app should be ready to boot:

  npm start

This will start the application in local environment: localhost:8009

After each successful DEV9 regression, we need to add new commits to main branch and rebase dev branch after it. This is the instruction:

  xs: 0,
  sm: 36rem,
  md: 36rem,
  lg: 62rem,
  xl: 75rem,
  xxl: 87.5rem,

Media-queries (src/styles/breakpoints.scss)

  $small: 36rem;
  $medium: 36rem;
  $large: 62rem;
  $x-large: 75rem;
  $x-x-large: 87.5rem;

Please never modify these breakpoints!

Please follow mobile-first approach while developing: define default styles for mobile layout, than override id with min-width: $breakpoint.

Avoid using max-width if possible.

Please use Bootstrap/CSS Grid for page layout. In case of components layout; try to stick to Flexboxes only if possible.
We are using the following breakpoints for responsiveness:

Device	min-width	max-width	Breakpoint (>=)	Bootstrap (>=)
Mobile	---	767	---	---
Tablet	768	1199	$medium	md
Desktop	1200	---	$x-large	xl

If you see that some designs are not consistent (e.g. violating Bootstrap rules), please don't hesitate to clarify the issue with the design team first.