This is a solution to the Clipboard landing page 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 for the site depending on their device's screen size
- See hover states for all interactive elements on the page
- Semantic HTML5 markup
- Flexbox
- CSS Grid
- Mobile-first workflow
- BEM - CSS methodology
- SASS - CSS preprocessor
- Working with one component at a time.
- Combining BEM with SASS nesting.
- Approaching media queries with SASS mixins and variables to breakpoints.
In future projects, i want to focus on more SASS concepts and prepare for React library.
- DevDocs - Documentation of multiple languages and tools in one place.
- Frontend Mentor - @guisantosfr