Skip to content
Submitted almost 2 years ago

Stats Preview | Plain HTML and CSS

Nikhil Tanwar•260
@NikNT
A solution to the Stats preview card component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Hey everyone!

This was a nice challenge and I have tried to keep the overall output similar to the design.

There is some issue with the mobile layout. When I access this app in Safari, the border radius is not shown. But, in Chrome, it is all correct. This is a critical issue I am facing.

As always, I am open to suggestions to help me improve the code.

Keep Coding!

NT

Code

Please log in to post a comment

Log in

Community feedback

  • hitmorecode•7,540
    @hitmorecode

    Nice looks good. I can't help you with the safari problem, I myself am a Linux user so I don't have safari to my disposal to check the problem. I do have one tip for you. If you add mix-blend-mode: multiply; on the overlay and set the opacity: .8; the overlay will look closer to the design file.

    Marked as helpful

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