Skip to content
Submitted about 2 years ago

Responsive Chat App CSS Illustration

Moamen Flayes•40
@MFlayes
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

That was a good challenge to test my skills as a beginner. The tricky thing was the background element because of RWD. I'm not sure of the chat part code. If you have another solution better than this, please let me know.

Community feedback

  • Plinsinga•310
    @codedforfreePosted about 2 years ago

    The background is quite simple if you’re just using two separate shapes. One to be positioned left top en the other one right bottom. Off course you have to play a bit with some negative margin or transforms. But by using to elements it makes it quite easy.

    HTML wise I think this is a really good project to use the BEM writing method for classes. This will make everything easy to write and easier to write your css.

    Keep up the good work and good luck with your next challenges!

    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