Skip to content
Submitted almost 3 years ago

Stats preview card component

TsuneWeb•260
@TSune-web
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Stats preview card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

This was a tough but fun challenge for me to practice creating responsive design. If there are any issues or improvements, I would be happy to hear any advice. Note: I first used CSS @import, but it didn't work when deploying the project into GitHub Pages. After researching, apparently, GitHub Pages seem to ignore underscores (e.g. "_name"), just so you be aware.

Community feedback

  • Hexer•3,660
    @EmmanuelHexerPosted almost 3 years ago

    Nice work bro.

    1
    TsuneWeb•260
    @TSune-webPosted almost 3 years ago

    @Phalcin Thanks

    0
  • Account deleted

    Hi there 👋

    Congratulate on finishing your project 🎉. You did a great job 💡

    I give some suggestions to help you take your project design to the next level 📈😉

    • The image does not fit to its box on the screen width 1100px and to this issue add this line of code to the img in CSS
    object-fit: cover;

    Happy coding ☕

    Maqsud

    0
    TsuneWeb•260
    @TSune-webPosted almost 3 years ago

    Hi @maqsudtolipov👋🏼

    Thank you for the advice👍🏼 As you said, after adding object-fit: cover, it indeed looks way better✨ I was actually struggling with modifying image size so your suggestion helped me a lot!

    Thanks!

    Happy coding☕️

    1

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