Frontend Mentor - Chat app CSS illustration

Link Frontend Mentor - Chat app CSS illustration

---

English | Português

Welcome! 👋

To do this challenge, you need a strong understanding of HTML and CSS. I have done this challenge cause I was trying to prove myself that I can create this web presentation of this mobile app with my HTML and CSS knowledge.

The challenge

Your challenge is to build out this feature illustration using HTML & CSS and get it looking as close to the design as possible.

The only assets we provide in this challenge are the image of the person in the app UI and the 3 images of the dog. You need to create everything else using HTML & CSS!

Your users should be able to:

• View the optimal layout for the component depending on their device's screen size
• Bonus: See the chat interface animate on the initial load

Have fun building! 🚀

Thanks

Thanks to see this front-end coding challenge.

Frontend Mentor challenges help you improve your coding skills by building realistic projects.

Thanks front-end mentor.

Bem-vindo! 👋

Para vc fazer este desafio, vc precisa de fortes conhecimentos em HTML e CSS Eu fiz esse desafio porque eu estava tentando provar para mim que eu consigo criar uma apresentação na web de um app mobile com o meu conhecimento em HTML e CSS.

The challenge

O seu desafio é criar essa feature illustration usando HTML & CSS and colocar ela o mais parecida com o design.

Os únicos assestes que entregamos são a imagem da pessoa na UI do app e 3 imagens do cão. Vc precisa de criar tudo com HTML & CSS!

Os seus usuários poderão:

• Ver um layout óptimo para o componente dependendo do tamanho tela do dispositivo
• Bonus: Ver a interface do chat animar no loading inicial

Tenha prazer ao construir! 🚀

Agradecimentos

Obrigado por ver esse desafio de coding front-end.

Frontend Mentor desafios the ajudam a melhorar as suas habilidades em coding construindo projectos realistas.

Obrigado front-end mentor.