Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Responsive Chat App Illustration

Arya Anish 1,492

@AryaAnish121

Desktop design screenshot for the Chat app CSS illustration coding challenge

This is a solution for...

  • HTML
  • CSS
3intermediate
View challenge

Design comparison


SolutionDesign

Solution retrospective


Did you like it?

Community feedback

P
ApplePieGiraffe 30,545

@ApplePieGiraffe

Posted

Hi, Arya Anish! 👋

Nice work on this challenge! 🙌 The CSS illustration looks good and the animation of the messages is a nice touch! 👍

I'd like to suggest,

  • Making sure the two background shapes don't become too squished when the width of the screen decreases.
  • Setting the text-align of the text on the page to center in the mobile layout.

Keep coding (and happy coding, too)! 😁

2

Arya Anish 1,492

@AryaAnish121

Posted

@ApplePieGiraffe

Thank you for the suggestion!

I will surely do that in a while!

2
Arya Anish 1,492

@AryaAnish121

Posted

@ApplePieGiraffe

Is it perfect now ?

1
P
ApplePieGiraffe 30,545

@ApplePieGiraffe

Posted

@AryaAnish121

Just took another look, and the changes look good! 😀 Keep it up! 👍

1
Arya Anish 1,492

@AryaAnish121

Posted

If you liked please like my chat!

Happy Coding!

1
Arya Anish 1,492

@AryaAnish121

Posted

Thanks

1

@ArshKarpoor

Posted

Its perfect

1

Please log in to post a comment

Log in with GitHub
Discord logo

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