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

Position relative, margin auto...

Ohad 50

@ohad331

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 there! I had some problems with adding a purple color shade using css, and vertical centering. If someone can help me solve these issues I will be glad. tnx!!

Community feedback

P
Jaydi 355

@ruedasjnthn

Posted

Try to set the background of your image container to purplish then on your image reduce its opacity to 75% probably then set the mix-blend-mode to multiply. I also have my solution in this challenge you can check my github repo for the code. Let's help each other to become a better front-end developer :>>

1

Ohad 50

@ohad331

Posted

@ruedasjnthn Great! thank you my friend.

0
P
Jaydi 355

@ruedasjnthn

Posted

Also, try to work on the page responsiveness of your website, it will take some time. But, I hope you will nail it sooner or later.

0

Ohad 50

@ohad331

Posted

@ruedasjnthn What do you mean by page responsiveness? I'm quite new to web development....

0
P
Jaydi 355

@ruedasjnthn

Posted

@ohad331 your website need to still look nice when open using smaller devices or try to reduce the size of your browser to check its web responsiveness, learning mesia queries will definitely help you in that aspect

0
P
Jaydi 355

@ruedasjnthn

Posted

@ohad331 also try utilizing flexbox combined with media queries, this will help you a lot in this challenge

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