react notification page

Please log in to post a comment
Log in with GitHubCommunity feedback
- @khatri2002
Hi! The developed solution looks perfect!
Just one little detail seems to be missed. Take a look at the 5th notification, which has a chess image with it. According to the given design reference, the chess image should be right aligned.
Since you've created a flexbox in the parent container, you can simply set
flex-grow: 1
for the middle (2nd child) of the flexbox. This will ensure it takes the entire available space and pushes the 3rd child (image) to the end of its container.Great work so far! Happy coding! 🚀
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