Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Request path contains unescaped characters
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 UI done with only CSS (no images included)

Dušan Lukić 1,660

@dusanlukic404

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


Very competitive challenge. 📲 💻 I would appreciate every feedback or recommendation. 😄 I made some animations for messages. 💬 Highly recommending this challenge for all developers who wants to learn more about pseudo elements and positioning in CSS3. 🧐

Community feedback

@beslerpatryk

Posted

Hello @Dusan Lukic 👋

Truly amazing job on this challenge! Your solution is spot on. I looked up a bit in your code and it looks very solid. I would however try to be more consistent with the naming of your classes. It looks like you try using BEM convention but I feel like that dashes are not always correctly used.

Have a good one and good luck with your future projects!

Marked as helpful

0

Dušan Lukić 1,660

@dusanlukic404

Posted

@beslerpatryk thanks for the feedback! Yeah, in future projects I will focus on BEM naming method. Here I tried it.

1

Account Deleted

Your solution looks pretty good... that's all I have to say.

Keep coding👍.

1

Dušan Lukić 1,660

@dusanlukic404

Posted

@thulanigamtee thanks for your feedback!

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