This is a solution to the Results summary 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 for the interface depending on their device's screen size
- See hover and focus states for all interactive elements on the page
- Bonus: Use the local JSON data to dynamically populate the content (one day š¤)
- Solution URL: https://github.com/frontendstu/results-summary-component
- Live Site URL: https://frontendstu.github.io/results-summary-component
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- CSS Grid
- Mobile-first workflow
I followed along with Kevin Powell's video From Design to Code // HTML & CSS from scratch // Frontend Mentor on YouTube.
At a later stage I will revisit this project, convert it to Sass and actually attempt the bonus objective of pulling in local JSON data.
- GitHub - GitHub
- Frontend Mentor - @frontendstu
I'd like to thank Kevin Powell for his amazing tutorial videos. They really are a go-to for me and help with refreshing my knowledge.