- Writing design compatible code with Pixel Perfect structure.
- Project structure in accordance with Figma design.
- Making the most of Bootstrap and writing as few custom styles as possible.
- Usable on all devices, web structure suitable for screen sizes.
- To be able to create non-Bootstrap design classes faster and more regularly with Scss.
- Github Live - If you want to see it live.
- Figma Desing - If you want to review the Figma design.
- Bootstrap v5.2.3
- Sass & Scss v1.58.3
- Figma
It transfers the files with the scss extension in the scss folder to the assets/css/style.css file in a compressed form. Script : "sass scss/main.scss --watch assets/css/style.css --style compressed"
npm run scss
Install linked packages with
npm install
before using scss.