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

Solution Chat app CSS illustration

Steph 500

@xStephx

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

Benji 320

@Benjihunt97

Posted

Nice sub well done. I especially like the loading animations very nice touch. Also on the button you could use flex-shrink: 0; this is to stop the item from getting squashed.

Marked as helpful

1

Steph 500

@xStephx

Posted

@Benjihunt97 thank you for your feedback! I'm glad you liked my solution. About suggestion, I will use it that. If you have any other suggestions feel free to text me!

1
Kal Wick 110

@kalWick01

Posted

loading animation it's perfect, when i was watch i said wtf, that so good keep it up

1

Steph 500

@xStephx

Posted

@kalWick01 thank you!!!

0
Ayush 230

@FrontEndAyush

Posted

Hey steph, i'm curious to know why you are doing challenges based only on HTML, CSS. why not javascript ??

1

Steph 500

@xStephx

Posted

@FrontEndAyush thanks for your feedback! I will start doing challenges with JavaScript, soon. I am still learning JavaScript. If you have any other questions feel free to text me! :)

0
Ayush 230

@FrontEndAyush

Posted

@xStephx Got it, thank-you :)

1

@andychuks51

Posted

Wow! you so good keep it up, hope to be as good as you someday :)

1

Steph 500

@xStephx

Posted

@andychuks51 thank you so much!! Keep going and you can do it!

0

@Raxel01

Posted

wow ! that wonderful,how did you do the loading animation it was excellent good luck in the next <3 brother

1

Steph 500

@xStephx

Posted

@Raxel01 thank you for your feedback!About loading animation, I did it with Animate.css. I'm glad you liked my solution. :)

0

@homciAbdallah

Posted

Excellent and organized work. Can you recommend some educational resources?

1

Steph 500

@xStephx

Posted

@homciAbdallah thank you for your feedback! About some educational resources, you can find on https://www.frontendmentor.io/resources. If you have any other questions feel free to text me!

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