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
- Solution URL: Frontend Mentor
- Live Site URL: Github
- CSS custom properties
- Flexbox
- CSS Grid
- position property
- media query
it was a big challenge but i did it in the end , I learnd :
- many ways to center container of elemets and
- do calculation to elemets and
- style placeholder and input
- draw with css
- Website - Mahmoud Mohie
- Frontend Mentor - @mahmoudmohie2
- Twitter - @yourusername
- codepen - @mahmood-mohie