The project is desktop and mobile responsive. It's tested on a Full HD Screen (1920 x 1080 pixels) and on a smartphone with 1080 x 2160 pixels.

The main file is app.scss (SASS) : 300 Lines of code.

• SAMSUNG Moniteur 24'' Full HD au design super fin - S24F350
• Huawei P smart

• Mozilla Firefox Quantum 64.0.2 (64 bits)
• Google Chrome Version 71.0.3578.98 (Build officiel) (64 bits)
• Microsoft Edge 44.17763.1.0
• Google Chrome for Android Version 71.0.3578.99
• Mozilla Firefox for Android 64.0.1

• Windows 10.0.17763 (64 bits)
• Android 8.0.0

Install the project dependencies:

yarn install

Run the project:

yarn serve

The layout is composed of:

• Navbar (absolute position): Height=95px ; Width=100%
• Fixed Sidebar: Width=275px ; Height=100%
• Container with a grid system

The grid system is based on the flex display property.