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 Component using CSS Grid,Flexbox and CSS Variables

caner404 280

@caner404

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


any feedback is very welcome

Community feedback

Account Deleted

Hi Caner,

This looks very good. The only issue is the size. Compared to the design given, the size of your card covers the entire screen. So what I did is for the entire card that you are working with (The text on the left and the image on the right), I used this css:

main { width: 75%; position: relative; top: 120px; margin: 0 auto; }

This sets the entire card to the center of the page. Since its 75% width instead of a fixed width, The card will shrink when you are moving your browser (Responsive).

I hope this makes sense.

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