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

Project2

RishkaA 70

@RishkaA

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


That's my second project here. Any comments on improving code are always welcome :)

Community feedback

@Adryel123

Posted

A tip I can give you is a property I discovered yesterday doing this project: keep the image opacity at 100% and add

mix-blend-mode: multiply;

That will keep the contrast on the image

0

RishkaA 70

@RishkaA

Posted

@Adryel123 that's a great tip! thanks for that

0

@codeswithroh

Posted

Congrats on completing your second project 😊. You have done a really good job. But there are some little things which need to be improved.

  1. There is no border-radius on the container for the curved sides

  2. The site is not fully responsive except the two targeted screen i.e. 1440px and 375px.

Btw Keep coding and hope to see your next solution soon 😊

0

RishkaA 70

@RishkaA

Posted

@codeswithroh yeah I just concentrated on mobile and desktop sizes and looking at it now, it doesn't look great between around 800px and 375px, thanks for the tip :)

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