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 with CSS & HTML

#nunjucks#tailwind-css
P
Plinsinga 310

@codedforfree

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


So this was a fun one to try. To be honest. I think this wasn't especially hard to do. This is mainly because the phone (in this case) doesn't need a lot of responsive work. Probably if you needed (or created) a responsive version of the phone it would be different story.

So for this, I used my tool of choice, Tailwind, and have to say it works well. It's so easy to use custom values and write them directly in your HTML.

I'm wondering if I missed something that makes this an intermediate challenge because, as I said, didn't think it was really hard to do. Other challenges are more difficult IMO. Like the 'Interactive card details form' which is a junior challenge.

So, I hope you like it and feedback is always welcome and much appreciated.

Community feedback

Johnny 470

@johnnysedh3lllo

Posted

bro, your solution is spot on. will definitely be learning from this, great job man.

1

P
Plinsinga 310

@codedforfree

Posted

@johnnysedh3lllo thanx man! Really liked this one.

1

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