Skip to content
Submitted over 3 years ago

chat-app-css-illustration-master

Rasoir-genereux•145
@Rasoir-genereux
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

Hello, I just finished this challenge It is my first though challenge. I had some problem that I couldn't solve like setting the right background, modifying the height of the icons from FONTAWESOME, putting all the right chats to the end of their parent element and increase the size of the prices in the last left chats.

I think I have missed some other things but for now I don't see them. Your feedbacks would help me a lot. Thank you.

Community feedback

  • Account deleted

    Hi,

    • Your solution looks good overall, but it is missing the mobile view and making it responsive.

    • The chats bubbles on the left need top and bottom margins.

    • You should put the right background shape in a container and give it overflow : hidden to prevent the page from having a horizontal scroll.

    Marked as helpful
    0
    Rasoir-genereux•145
    @Rasoir-genereuxPosted over 3 years ago

    @thulanigamtee Thank you
    I have omitted the mobile view

    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