Design comparison
Solution retrospective
Hey everyone, I am happy to share my another project which is last among all the project mention on Frontend Mentor that requires Html and CSS. Next I am going to work with all three Html , CSS and JavaScript. Thanks to Frontend Mentor community for this awesome platform.
While building this project I find difficulty in aligning the chat message as shown in the design.
Community feedback
- @miranleginPosted about 2 years ago
Hi Harsh,
you could change layout on
.screen
class so instead of working with grid you can use flex. That way it will be easier to align messages on the left or right side of the device withalign-self: end
for example..screen{ display: flex; flex-direction: column; } .lp, .rp{ max-width: 60%; } .rp{ align-self: end; }
Keep coding!
0
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