Responsive notification page using Flexbox

Solution retrospective
I had difficulty vertically aligning the notification body with the profile image when scaling down the viewport. The notification body is a grid container, so every time the text would wrap to the next line, the first line of text would stack on the new line of text. Compared to the provided jpg solution, every wrapped line becomes centered with the profile image instead of wrapping to the next row down.
I would have liked to append the bullet icon to the last word in the line before being wrapped into a new line, but I could not figure it out.
Please log in to post a comment
Log in with GitHubCommunity feedback
No feedback yet. Be the first to give feedback on Kyle Starrett's solution.
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