Skip to content
Submitted about 3 years ago

Chat App UI done with only CSS (no images included)

Dušan Lukić•1,660
@dusanlukic404
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Chat app CSS illustration
  • HTML
  • CSS
3intermediate

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

  • Patryk Besler•355
    @beslerpatrykPosted about 3 years ago

    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
    @dusanlukic404Posted about 3 years ago

    @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
    @dusanlukic404Posted about 3 years ago

    @thulanigamtee thanks for your feedback!

    0

Please log in to post a comment

Log in with GitHub

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