Skip to content
Submitted over 3 years ago

HTML, CSS, Bootstrap

Martin•10
@mpham-12
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

Hi guys, I just finished my HTML and CSS courses and am now working on my application skills before I start JS. I tried my best to replicate the challenge but I am aware that I might have some bad practices in my coding. I was unable to center the bottom text and also unable to put a purple filter over the card image. I am open to feedback. Thanks!

Community feedback

  • Jaydi•355
    @ruedasjnthnPosted over 3 years ago

    use css grid broo, it will help you a lot in this challenge, also it is easier to use grid with sass

    0
  • Alec•40
    @AlecDyePosted over 3 years ago

    Great start, just a few tweaks you can make to take it to the next level:

    1. Bootstrap's card component might simplify your html structure

    2. Only the image's alt text is visible which means the img's src is not being directed to the correct filepath

    3. The main div runs off the page in mobile view

    Best of luck!

    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