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

chat app

CoderPr0β€’ 645

@CoderPr0

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


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

Community feedback

P
Alexβ€’ 1,990

@AlexKMarshall

Posted

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

@CoderPr0

Posted

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

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