Submitted almost 3 years ago

ChatApp CSS Illustration (Vanilla CSS)

Lucas 👾•104,160

@correlucas

A solution to the Chat app CSS illustration challenge

Preview Code

Solution retrospective

👾 Hello, Frontend Mentor coding community. This is my solution for the ChatApp CSS Illustration.

This challenge was really challenging! The hardest thing was the background svg images, I tried to create these gradient elements inside the css with content: ' ' and after/before but for a reason that I don't know a huge gap was created in the bottom. So I took the shortcut to finish the solution and I've exported the svg elements from Figma ❤ and placed it in the body as background-image. Then I add some animations and changed a bit the design.

🍚Follow me in my journey to finish all HTML/CSS only challenges (Only 4 missing)! Gotta Catch ’Em All

Ill be happy to hear any feedback and advice!

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Lucas 👾's solution.

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