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

julliafrenโ€ข 40

@julliafren

Desktop design screenshot for the Stats preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

Lucas ๐Ÿ‘พโ€ข 104,420

@correlucas

Posted

๐Ÿ‘พHello Julliafren, congratulations for your solution!

๐Ÿ•ต๏ธI've inspected your code and there are some issues with the component, to create this component correctly with grid is better you use display: grid; and manage the columns with grid-template-column: 1fr 1fr; doing that you'll have more control over the child elements (the columns). See the code below:

.container {
    max-width: 900px;
    grid-template-columns: 1fr 1fr;
    display: grid;
    align-items: center;
    justify-content: center;
    flex-direction: row;
}

Hope it helps and happy coding!

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