This is a solution to the Stats preview card component challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.
Note: Delete this note and update the table of contents based on what sections you keep.
Users should be able to:
- View the optimal layout depending on their device's screen size
This is the desktop version of the component.
- Live Site URL: Live site of the challenge hosted here
I have built the layout using grid and used flexbox for smaller stuff.
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- CSS Grid
I have used a 2 column grid for the layout and used the css mix-blend-mode property to achieve the image overlay.
- Website - Junayed Rahaman
- Frontend Mentor - @junayedrahaman50
- Twitter - @junayed_rahaman