Skip to content
Submitted about 2 years ago

CSS Grid

rayzii-gh•160
@rayzii-gh
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

Here my solution, I feel hesitated to manage color of background images and the media I'm really need for your help.

Community feedback

  • yishak abrham•2,150
    @yishak621Posted about 2 years ago

    Congrats for the design but it is not responsive for mobile version and also The overlay color use blend mode multiply value to darken the color

    .container picture { 
   background-image: url(/images/image-header-mobile.jpg); 
   background-color: hsl(277deg, 64%, 61%); 
   background-repeat: no-repeat; 
   background-size: cover; 
   background-blend-mode: multiply; 
 }
    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