Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Stats preview and card component

Megat 40

@MegatHilmi

Desktop design screenshot for the Stats preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

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

P
Patrick 14,325

@palgramming

Posted

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

@MegatHilmi

Posted

@palgramming Thank you very much for the sharing

0

Please log in to post a comment

Log in with GitHub
Discord logo

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