https://github.com/rodcri/chat-app-illustration-

challenge chat app illustration
https://github.com/rodcri/chat-app-illustration-

sass

Last synced: 27 days ago
JSON representation

challenge chat app illustration

• Host: GitHub
• URL: https://github.com/rodcri/chat-app-illustration-
• Owner: RodCri
• Created: 2023-02-07T19:56:40.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2023-02-09T16:06:25.000Z (over 3 years ago)
• Last Synced: 2025-02-22T12:29:41.133Z (over 1 year ago)
• Topics: sass
• Language: SCSS
• Homepage: https://rodcri.github.io/Chat-app-illustration-/
• Size: 157 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Frontend Mentor - Chat app CSS illustration

![Design preview for the Chat app CSS illustration coding challenge](./design/desktop-preview.jpg)

## Welcome! 👋

Thanks for checking out this front-end coding challenge.

[Frontend Mentor](https://www.frontendmentor.io) challenges help you improve your coding skills by building realistic projects.

**To do this challenge, you need a strong understanding of HTML and CSS.**

## 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

Want some support on the challenge? [Join our Slack community](https://www.frontendmentor.io/slack) and ask questions in the **#help** channel.