Submitted over 2 years ago

Chat app CSS illustration

Zineb Boutaa• 750

@zineb-Bou

Preview site View code

This is a solution for...

HTML
CSS

3intermediate

View challenge

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,835

@vanzasetia

Posted over 2 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!

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👍.

Zineb Boutaa• 750

@zineb-Bou

Posted over 2 years ago

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

Please log in to post a comment

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