Skip to content
Submitted about 3 years ago

chat app

CoderPr0•645
@CoderPr0
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

This is my next project and my first intermediate one, any tips or feedback would be really appreciated.

Community feedback

  • Alex•2,010
    @AlexKMarshallPosted about 3 years ago

    It looks good, there's a couple of things that could use some attention.

    On mobile, the background purple shape and the paragraph text overlap making the text hard to read. See if you can shrink the background shape, or provide an overlay for the text to increase the contrast.

    The text is also a bit squashed up. Try a line height of around 1.5 to give it a bit more breathing room.

    You've got some overflow happening below your breakpoint which is causing horizontal scroll. Looks like it's coming from the :after pseudo element on the body.

    Marked as helpful
    1
    CoderPr0•645
    @CoderPr0Posted about 3 years ago

    @AlexKMarshall thank you for the tips, I really appreciate it.

    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