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

Mobile first using HTML and CSS

AceDub 250

@AceDub

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! This is the first project I've built here on Frontend Mentor. Would appreciate any feedback on things I can improve on. Thank you!

Community feedback

Ahmed Faisal 5,095

@afrussel

Posted

Hi,

Using 2 div with padding your card is not aligned properly. Take a parent div with max-width and center it horizontally and vertically.

.card-center { max-width: 1110px; display: grid; grid-template-columns: 1fr 540px; }

You may also check my solution too. Take a look of this Example of my work

Marked as helpful

0

AceDub 250

@AceDub

Posted

@afrussel Took your advice and added a max-width to the parent div. I appreciate your feedback!

0
Ahmed Faisal 5,095

@afrussel

Posted

@AceDub Thanks 😊

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