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 CSS Illustration

P
gurpal-dev 240

@gurpal-dev

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


What are you most proud of, and what would you do differently next time?

I'm happy I finished this project. I found it quite challenging.

What specific areas of your project would you like help with?

I have problems with responsivity. Some elements look funky when screen size changes. For some reasons there is space at the bottom and right side. I'm not sure if it is causing by the pseudo element that I used for background design. Can elements with position: absolute: cause overflow?

I would appreciate help with the hero. I think it was only decorative, but for practice I gave it input and button elements.

And my biggest challenge was to keep the size of phone in the design to small, but I think I failed terribly since it is big and causing overflow vertically. I still don't know what is causing horizontal overflow. Please help me understand that!

Community feedback

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