Skip to content
Submitted over 2 years ago

Stats preview card component

ADAMSKI-DZ•40
@ADAMSKI-DZ
A solution to the Stats preview card component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Frontend mentror | Challenge 3 Solved the first challenge its almost easy

Code
Couldn’t fetch repository

Please log in to post a comment

Log in

Community feedback

  • Hassia Issah•50,390
    @Hassiai

    Replace<div class="container">with the main tag and <div class="attribution"> with the footer tag to fix the accessibility issues.

    To center .container on the page using flexbox, replace the height in the body with min-height: 100vh.

    For the color of the image, add a background-color of soft violet, background-blend-mode of multiply and opacity of 0.8 to .right-image.

    .right-image{
background-image: url();
background-size: cover;
background-color: hsl()
background-blend-mode: multiply;
opacity: 0.8;
}

    Hope am helpful.

    Well done for completing this challenge. HAPPY CODING

    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