Skip to content
Submitted about 3 years ago

Chat app CSS illustration

Zineb Boutaa•750
@zineb-Bou
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

Hi everyone 😊 here is my solution to this challenge, every challenge that I take it enforces my HTML & CSS skills, but I need your feedback to improve further, please drop a comment that would help me a lot.

thank you.

Community feedback

  • Vanza Setia•27,775
    @vanzasetiaPosted about 3 years ago

    👋Hi Zineb Boutaa! Thanks for commenting on my solution. Now, I am going to give my feedback on this solution:

    • On mobile view (360px * 640px), it's broken. The illustration is overflowing and the h1 and the paragraph below it, I can't see it.
    • Use rem or sometimes em units instead of px. Using rem or em will make sure that everything will scale properly based on the user setting.

    That's it! Hopefully this is helpful!

    1
  • Account deleted

    Hi,

    Your solution looks very nice and yeah... it really test out your css skills.

    • As I said, it looks good and it's very much responsive but at some point the notch seems to move away from the top, but it's really small.

    Keep coding👍.

    1
    Zineb Boutaa•750
    @zineb-BouPosted about 3 years ago

    @thulanigamtee Thank you for your feedback, I will check it out.

    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