Design comparison
Community feedback
- @javascriptor1Posted over 1 year ago
Hi Abdulrahman ,
The mobile design is broken. The desktop design also has some issues regarding the alignment of grid items.
You should also use darker colors for the text as it's very light and hard to read. Use the colors provided with the challenge.
Also , the box shadow color need to be changed to match the design.
Keep coding 🚀
0@Abdulrahman713Posted over 1 year ago@javascriptor1 I thank you for the advice, but I have a question. Do I have to stick to the colors that he gives me in the challenge? Thank you
0@javascriptor1Posted over 1 year agoHello @Abdulrahman713 ,
In the beginning introduction of all challenges, you will read this : "Your challenge is building out this results summary component and getting it as close to the design as possible.".
So, it's okay if you use different colors in your challenges. However, you should use suitable colors with a high contrast rate that can be read easily.
It's always best to use the colors provided with each challenge. I rarely pick up different colors if I struggle to match design colors with what they have provided - This happens with light colors in particular. I find difficulty recognizing light colors.
In this case, I use the native color picker tool which comes with Windows power toys and pointed to the color in the design to copy the color code.
Hope this help.
Good luck
Marked as helpful0
Please log in to post a comment
Log in with GitHubJoin 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