Skip to content
Submitted over 3 years ago

Mobile first site using HTML and CSS only

albhatti•10
@albhatti
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 is my first challenge submission on front end mentor.

I tried my best however, I would love to recieve feedback and review on my solution and also on how to make my code more simpler and shorter.

The only issue i faced was I cound not manage to apply the purple shade on the image. I tried googling but no success.

If the live site url does not work, please try https://frontendmentor01-nine.vercel.app/

Community feedback

  • Folarin Akinloye•1,240
    @folathecoderPosted over 3 years ago

    Keep it up!

    1
  • Folarin Akinloye•1,240
    @folathecoderPosted over 3 years ago

    Hi Albhatti!

    It is nice to see you tried out a challenge. Kudos! Your solution can be improved by making the card responsive across devices. Also, I found the image overlay tricky at first, but I eventually solved it.

    You can checkout my solution on how I executed the overlay https://www.frontendmentor.io/solutions/responsive-card-component-using-scss-dPHJNYSk5

    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