Frontend Mentor - Results summary component solution

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.

Table of contents

• Overview
  • Screenshot
• My process
  • Built with
  • What I learned
  • Continued development
  • Useful resources
• Author

Overview

Screenshot

My process

Built with

• Semantic HTML5 markup
• CSS custom properties
• Flexbox

Note: These are just examples. Delete this note and replace the list above with your own choices

What I learned

How to use the article element for grouping components, I initially went with div tags but ran into a wall when I wanted to group things side by side.

Continued development

The last two challenges were quite similar, that you create a contained component within the center of the page, though this time I had to consider a desktop layout. I didn't quite get close to the design as I've done in the past, but I didn't want to spend so much time on the one challenge.

Useful resources

Author

• Website - https://www.boyc3e.com
• Frontend Mentor - https://www.frontendmentor.io/profile/GrowingHermit44
• Twitter - https://www.twitter.com/boyc3e