This is a solution to the Stats preview card component challenge on Frontend Mentor.
Build out this card component and get it looking as close to the design as possible.
Users should be able to:
- View the optimal layout depending on their device's screen size.
Original Mobile Design | My Mobile Design |
---|---|
- Semantic HTML5 markup
- CSS custom properties
- CSS Grid
- Mobile-first workflow
- Responsive Images
- A Modern CSS Reset - This is the reset used before applying styles.
- Should border-radius clip the content? - This helped with the border radius at the top of the page.
- Two ways to create an image with a colour overlay in CSS - This helped me with the color cast on the image.
- How to Center in CSS with CSS Grid - This helped me with centering the component at the largest breakpoint.
- Website - Richard Cyrus
- Frontend Mentor - @richardcyrus