@khaled-mohamedali
Latest solutions
Frontend Mentor | Clipboard landing page
Submitted 2 months agoAny feedback is welcomed and appreciated.
Frontend Mentor | Testimonials Grid Section
Submitted 3 months agoI don't have anything specific in mind, but I would appreciate any feedback you have.
Frontend Mentor | Four card feature section
Submitted 3 months agoAny feedback is welcomed and appreciated!
Frontend Mentor | Product preview card component
Submitted 3 months agoI’m happy with how this project turned out. If there’s any area I can improve, I’d really appreciate your feedback.
Latest comments
- @Dadir-Dev
Well done!👏 You nailed it. A few suggestions, if you could increase the margin between the title h2 and the description, it will be closer to the original design. Happy Coding!
- @CRobinson1985What are you most proud of, and what would you do differently next time?
I'm happy with how well it came out, for me. I didn't do any deep diving into making sure it is pixel perfect. But, I'm happy with the results. Next time, I will have more experience with coding to maybe do a better job coding cleaner and also being more accurate.
What challenges did you encounter, and how did you overcome them?I don't recall many major problems that I ran into on this one. I'm sure they were there, however. I'm still working on being a better coder!
What specific areas of your project would you like help with?I'd love to connect and work on more involved projects with others. Could be fun!
@Dadir-DevGreat work on completing the challenge! One small suggestion: to center the card on the page, you can use this CSS in the body styling:
display: flex; align-items: center; justify-content: center;
This will perfectly center the content. Other than that, everything looks fantastic! Keep up the great work, and happy coding!
Marked as helpful - @coderbolu@Dadir-Dev
Well Done! Keep going.
- @jamshid-create@Dadir-Dev
Great job! a few adjustments
- The first grid-item background-color needs to match the original design
- Try to use the design font to get closer to the design.
- @LIFONGHANG@Dadir-Dev
You've nailed the colors and the card sizes, which is awesome. To take it to the next level, try centering the cards on the page and adding some padding to the body. This will help make the cards stand out more clearly. Keep up the fantastic work—remember, improving a little bit every day is the key! Wishing you happy coding and continued progress!
- @UmidAnvarov@Dadir-Dev
Well done! You're making great progress—just a few suggestions to bring your design even closer to the original:
Try adjusting the padding between the title and subtitle to better match the spacing in the reference.
Consider reducing the width of the cards slightly so they align more closely with the original layout.
Make sure to use the specified font-family provided in the challenge for consistency.
Overall, you’re doing a great job. Keep it up! We’re all learning and growing together on this journey—every project helps you improve. Happy coding!
