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

chat-app-css illustration

Harshit Choubeyβ€’ 120

@kara-harshit

Desktop design screenshot for the Chat app CSS illustration coding challenge

This is a solution for...

  • HTML
  • CSS
3intermediate
View challenge

Design comparison


SolutionDesign

Community feedback

Abhikβ€’ 4,840

@abhik-b

Posted

Hey Harshit πŸ‘‹

Your solution looks nice & your tailwind usage seems great ! Though it would have been nice if it was responsive for mobile screens but anyway nice try.

Just some opinions :

  • remove " from body"
  • for the entire chat messages div , you don't have any classes. If you use flex flex-col gap-3 then for each chatleft class you don't need to give bottom margin & overall the code would be organized.

Keep doing these projects & Your skills will much better !! Happy Coding πŸ˜ƒ

0

Harshit Choubeyβ€’ 120

@kara-harshit

Posted

@abhik-b thanks for your suggestions! ill make next challenge responsvie for sureπŸ˜„.

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