Design comparison
Solution retrospective
This is my fourth completed challenge and I think I did well this time. Please check and suggest improvements. I will be grateful.
Community feedback
- @ApplePieGiraffePosted over 3 years ago
Hi, Zeshan Abdullah! 👋
Good effort on this challenge! 👍
I'd like to suggest using the background color from the original design in the desktop layout of your solution.
Also, I think you can also improve the layout of the individual sections of the card a bit by laying out each of the sections with flexbox, like,
section { display: flex; flex-direction: column; align-items: flex-start; }
...then, you could add
margin-bottom: auto
to the "Learn More" links and push them to the bottom of the card (just like the original design).Hope that helps a little. 🙂
Keep coding (and happy coding, too)! 😁
Marked as helpful1@zeshanabdullah10Posted over 3 years ago@ApplePieGiraffe Thank you. Great suggestions.
1@ApplePieGiraffePosted over 3 years ago@zeshanabdullah10
Awesome! Glad to help! 😀
1
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