Skip to content
Submitted almost 3 years ago

Too much CSS for a small project

David•40
@TheBigDadOo
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...NFT preview card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

I think that I overthink my project and I need to find a way to reduce the number of line in my css

Community feedback

  • Naveen Gumaste•10,480
    @NaveenGumastePosted almost 3 years ago

    Hay ! Good Job you made it look nearly perfect to the preview

                <svg width="11" height="18" xmlns="http://www.w3.org/2000/svg"><path d="M11 10.216 5.5 18 0 10.216l5.5 3.263 5.5-3.262ZM5.5 0l5.496 9.169L5.5 12.43 0 9.17 5.5 0Z" fill="#00FFF8"/></svg>
            <h2>0.041 ETH</h2>
          </div>```

-> Use `align item: center` and `justify content: center;` so your '<h2>0.041 ETH</h2>' will be in center with img

Keep up the good work!
    Marked as helpful
    0

Please log in to post a comment

Log in with GitHub

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