Skip to content
Submitted over 3 years ago

Stats preview and card component

Megat•40
@MegatHilmi
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, I am beginner here. I just learn how to build a website using basic HTML and CSS. This is my first challenge in Frontendmentor.io and I will continue to take more challenge. During my day building the website, I found that there is several part that I don't know how to do it. The website template showed that picture must be in purplish colour. So I use "background-color: hsl(305, 100%, 49%);" property and for the image I decrease to opacity into 0.5. But when it comes desktop view, there is excess in purple colour from the image and I don't know how to solve it. Is there any way to solve it? Thank you

Community feedback

  • Patrick•14,265
    @palgrammingPosted over 3 years ago

    Since you are just starting out this free certificate might be helpful for you to work through https://www.freecodecamp.org/learn/responsive-web-design/#basic-html-and-html5

    Marked as helpful
    0
    Megat•40
    @MegatHilmiPosted over 3 years ago

    @palgramming Thank you very much for the sharing

    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