This is a solution to the Social proof section 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 section depending on their device's screen size
- Solution URL: https://github.com/DarrickFauvel/fem10-social-proof-section
- Live Site URL: https://fem10-social-proof-section-drrck.netlify.app/
- Mobile-first workflow
- Semantic HTML5 markup
- CSS Grid
- Flexbox
- Sass - CSS with superpowers
- Vite - Superfast bundling tool
I learned to use flexbox and grid gaps more, instead of using margins to space elements.
There is an issue with the bottom background image appearing clipped when scrolling the page.
- Getting started with Vite - This will help with scaffolding a new Vite project
- CSS background - Info on using the CSS
background
property
- Website - Darrick Fauvel
- Frontend Mentor - @DarrickFauvel