Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Stats preview card challenge with combination of Flexbox\grid\BEM

@Parviz-Parastar

Desktop design screenshot for the Stats preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hello to all dear ones. I am Parvez and this is my solution to this challenge.👋

Made with:

  • FlexBox and Grid
  • Responsive
  • BEM

Important things and what I learned:

  • In this challenge, I learned that using flexbox and grid together is a wonderful combination for website design and gives the necessary flexibility to every part of the website template.

  • Designing the location and position of the elements of this challenge is really fun, just like the original design of the challenge.

  • In this challenge, I learned about the mix-blend-mode code, which is one of the strengths of CSS in combining the background colors of images.

  • I made an svg background at app.haikei.app and added it to the challenge. see how it is?

Help me to improve the codes of this challenge.

I am very eager to benefit from your experiences to improve and improve my knowledge.

I am very happy to be in this group.😊

Always be happy.🙌

Community feedback

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord