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 page depending on their device's screen size
- See hover states for all interactive elements on the page
-
Solution URL: Frontend Mentor
-
Live Site URL: GitHub
- Semantic HTML5 markup
- CSS custom properties
- CSS Flexbox
- Mobile-first workflow
this challenge was a bit more complicated than i thought but it did test my research skills, teaching that i need to really know how to search for things to be able to be good at solving a problem.
in other projects i will focus more on building websites with responsive layouts.
-
GitHub - johnnysedh3lllo
-
Frontend Mentor - @johnnysedh3lllo
-
Twitter - @johnnysedh3lllo