This is a solution to the 3-column preview card component challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.
Users should be able to:
- View the optimal layout depending on their device's screen size
- See hover states for interactive elements
- Solution URL: https://github.com/SrCienpies/3-column-preview
- Live Site URL: https://srcienpies.github.io/3-column-preview/
- Semantic HTML5 markup
- SASS
- Flexbox
- Mobile-first workflow
I use this project to learn how to use SASS to style the webpage. To achieve this first i used VSCODE with Live Sass Compiler extension but then i decided to use PREPROS just to learn different ways to compile SASS.
Also i lear the nobr tag for words with hypens in the middle like "off-road".
<nobr>off-road</nobr>
Even when i am satisfied whit the use of SASS i will continue practicing and applying different concepts like mixing and nesting to achieve a better handling of this tool.
- Github - Diego De Tomás
- Frontend Mentor - @SrCienpies