Submitted about 2 years ago

Chat app CSS illustration || Responsive || Mobile first

#accessibility

ROCKY BARUA• 1,090

@Drougnov

Preview site View code

This is a solution for...

Chat app CSS illustration

HTML
CSS

3intermediate

View challenge

Design comparison

SolutionDesign

Solution retrospective

Hello, everyone! This is my 24th solution. Finally stepped into the intermediate league. This was a very fun challenge as I love CSS.

Let me know if I can improve my code somehow. Have a great day and thanks in advance :)

Community feedback

Katie• 405

@kem522

Posted about 2 years ago

Hello! Great work - well structured CSS and HTML :)

I see that you used IDs in a couple of places in order to style a component (e.g #desk-text) and just wanted to let you know that due to their specificity this is generally not considered best practise in CSS and IDs should generally be reserved for target an element in JavaScript.

You can read more about it here: https://csswizardry.com/2012/11/code-smells-in-css/#ids

Happy coding!

Marked as helpful

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