Frontend Mentor - Chat app CSS illustration solution

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.

Table of contents

• Overview
  • Screenshot
  • Links
  • Built with
  • What I learned
  • Continued development
  • Useful resources
• Author
• Acknowledgments

Overview

This is a Chat app illustration for a dog walker application built with HTML and CSS.

Screenshot

Links

• Solution URL:(https://github.com/Nkwor-Jane/chat-app/)
• Live Site URL: (https://stately-torrone-419445.netlify.app/)

Built with

• Semantic HTML5 markup
• CSS custom properties
• Flexbox
• Desktop-first workflow

What I learned

• I learnt how to use the CSS linear gradient for the colored blocks. I also enjoyed styling with CSS positions. It was tricky at first, but i think i am getting better as i use it.

Continued development

-I will focus on bulding projects from Frontend Mentor challenges and personal projects for personal development.

Useful resources

• CSS Linear Gradient - This article from CSS Tricks helped me understand CSS Linear Gradient

Author

• Website - Nkwor Jane.
• Frontend Mentor - @Nkwor-Jane.

Acknowledgments

I would like to thank Frontend Mentor.