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 Illustration CSS

#accessibility#bem
Adarshβ€’ 1,560

@adram3l3ch

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


When started the challenge why this is marked as intermediate thinking they might provided all the images. But when I started coding I came to know that I have to make everything using css.It was fun though. Please leave your suggestions :)

Community feedback

Kamasah-Dicksonβ€’ 5,610

@Kamasah-Dickson

Posted

You did a very good job there I think that will be my next projectπŸ’ͺ

Marked as helpful

1
Maqsud Tolipovβ€’ 4,210

@maqsudtolipov

Posted

Hi there πŸ‘‹

Congratulate on finishing your project πŸŽ‰. You did a great job πŸ”¨. Yes even though work the challenging result is always worth it πŸ˜‰πŸ˜ƒπŸ‘

I give some suggestions that I hope help you take your project to the next level πŸ“ˆ. To make the app looks like a real app or maybe a real phone, add some cursor effects. When you hover one Profile name and img, 3 dots and go back buttons, also send button, change the cursor pointer πŸ‘†. The last thing add some hover effect like changing colors to text messages.

Happy coding β˜• Maqsud

Marked as helpful

1
Deo coderβ€’ 80

@Deocoder

Posted

This is awesome @Adarsh

0
cloud-alfakhreβ€’ 480

@cluod-Alfakhre

Posted

great job, its really helpful πŸ‘

0

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