🛠️ Project: Convert figma Layout to Frontend code . Using:
HTML
CSS
Sass SCSS- Media Queries
- Flexbox
- Grid
In this challenge, the task was to convert the Layout from Figma to HTML and CSS code.
I wrote from scratch all Html, CSS and Javascript (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
Mobile