CSS Flexbox, Media Query, Box Model, Custom Properties, Semantic HTML
Design comparison
Solution retrospective
I've tried my best to code it so it looks exactly the same as its design. But I would be happy if you want to look at it and give me feedbacks or advices for some things that could've done in a better way!
Please let me know!š
Community feedback
- @Zinah-ZwayenPosted over 2 years ago
Hi, You have done great work on this challenge, I just notice you need to add border-radius on the right-hand side as well and try to play with the font size or the padding of the headline text to adjust as in the design, you may reduce the height a bit to make it closer to the design.
Marked as helpful1@peperoxyzPosted over 2 years ago@Zinah-Zwayen Hi! It was actually kind of hard for me to decide the size of the card and the image.. i kept experimenting about it and that was the closest i can go with.
But after submitting my solution, it comes up with several differences there that i should definitely fix. Thank you for passing by and give me your feedback!
0@Zinah-ZwayenPosted over 2 years ago@peperoxyz You are welcome. Keep up the good work, I was like that two months ago the more you do challenges the easier it gets, good luck and Happy Eid :)
0@Zinah-ZwayenPosted over 2 years ago@Zinah-Zwayen oh, also you need to look at your report and fix the accessibility issues there...
0
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