This is a solution to the Chat app CSS illustration challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.
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
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- Mobile-first workflow
I learned how to work with z-index and gradients-
I will exploring more on css and get a good grip on it.
- w3 schools - This helped me in uinderstanding the 2s6arrow functions and their syntax.
- w3 validator - I used this validate my html code to check for any error of deprications.
- Website - Satyapriya Mahato
- Frontend Mentor - @satyapriyamahato
- Twitter - @satyapriyamahato