🛠️ Project: Convert figma Layout to Frontend code. Using:
HTML
CSS
Sass SCSS- Media Queries
- Flexbox
- Grid
I wrote from scratch all Html and, CSS (without any video reference).
In CSS, along with Sass, I'm using colors variables, viewport breakpoints, REM sizes, CSS reset, media queries, flexbox and grid.
Plus: added Sass to the project, to help me on some css settings. There was only 1 layout in Figma for Desktop size, but I decided to create the mobile compositions on my own. I also added some hover states that were not indicated in figma either.
Desktop
Tablet
Mobile