Design comparison
SolutionDesign
Solution retrospective
I've finally finished this Intermediate challenge... really tested my CSS skills:
- making shapes like chevrons and dots using
::before
and::after
pseudo elements - making background images using
clamp()
- moving right chat messages to right using
display: flex;
,flex-direction: column;
andalign-items: flex-end;
I was stuck on moving right chat messages to right because I thought justify-content: flex-end;
would work... :)
I noticed there're HTML issues with FontAwesome webkit, does anyone know how to fix this?
Community feedback
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