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

HTML and CSS

@Emmanuel-webDev

Desktop design screenshot for the NFT preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


I had problem displaying the two p tags opposite to each other

Community feedback

Osaro Iyoha 1,080

@osaaroh

Posted

Hello Emmanuel,

Good work so far on the challenge.

You can use CSS flexbox/grid to display the two paragraphs side by side. For example, If you put the two paragraphs in a flex container div with class="stats__container"

.stats__container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

This will give better result than text align. Check out these resources to learn more on Flexbox and Grid:

Marked as helpful

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