Submitted over 3 years ago

Profile card component using CSS grid

cube-css, accessibility

Dave Quah•650

@Milleus

A solution to the Profile card component challenge

Preview Code

Solution retrospective

This one's tricky with the image centering but I think I've found a nice way to always have the image centered even with larger heights or font sizes using CSS grid.

I'd appreciate it if I could get feedback on how to improve, especially on the use of semantic HTML and accessibility considerations. Thanks everyone o/

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Dave Quah'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