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

Responsive page using CSS flexbox

Ayush Vermaβ€’ 80

@ayushv45

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


I have used div for stats part(10k+ companies ......) can anyone give me a good alternative code. More Suggestions to improve are most welcome.

Community feedback

Anosha Ahmedβ€’ 9,340

@anoshaahmed

Posted

Like the comment above said, you could use an unordered list. However, i would recommend using flex to center the container in the middle of the page. Its less work and more effective. :) Good job!

Marked as helpful

0
Jenniferβ€’ 220

@Jennifer1919

Posted

Hi! I just completed this challenge and I used a ul list of the stats part. I just got rid of the list style with list-style:none. To display it as a table for larger devices I use display:flex and flex-direction: rows. Hope it helps! PS: can you explain you got the purple overlay?

Marked as helpful

0

Ayush Vermaβ€’ 80

@ayushv45

Posted

@Jennifer1919 Hey, for the purple overlay first set the background colour of the div of image part as purple then set mix-blend-mode to multiply on the image.Thanks for the feedback.

0

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