Design comparison
SolutionDesign
Community feedback
- @Rui-Martins23Posted 4 months ago
Nice solution! To slightly improve it I would just suggest the following adjustments:
-
changing the <ul> HTML element for the <div>, as below
<div> <img src="./assets/images/image-avatar.webp" alt="author-picture"> <span> Greg Hooper</span> </div> -
using the following lines of code, in order to center the card in the body body { display: flex; align-items: center; justify-content: center; }
Keep enjoying coding!
Marked as helpful0 -
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