• Overview
  • The challenge
  • Screenshots
  • Links
• Reference
  • Font
  • Color
• Run Locally
• My process
  • Built with
• Author
• Credits

Users should be able to:

• View the optimal layout for the section depending on their device's screen size

• Solution URL: https://www.frontendmentor.io/solutions/chat-app-css-illustration-with-flexbox-SqX6NsTtJ
• Live Site URL: https://ishantbhurani.github.io/chat-app-css-illustration/

• Rubik

Color	Hex
Pale Violet	hsl(276, 100%, 81%)
Moderate Violet	hsl(276, 55%, 52%)
Desaturated Dark Violet	hsl(271, 15%, 43%)
Grayish Blue	hsl(206, 6%, 79%)
Very Dark Desaturated Violet	hsl(271,36%,24%)
Dark Grayish Violet	hsl(270, 7%, 64%)
Light Magenta	hsl(293, 100%, 63%)
Light Violet	hsl(264, 100%, 61%)
White	hsl(0, 0%, 100%)
Light Grayish Violet	hsl(270, 20%, 96%)
Very Light Magenta	hsl(289, 100%, 72%)

Clone the project

  git clone [email protected]:ishantbhurani/chat-app-css-illustration.git

Go to the project directory

  cd chat-app-css-illustration

Run index.html

  <browsername> index.html

E.g.

  firefox index.html

  google-chrome index.html

• Semantic HTML5 markup
• Flexbox

• Frontend Mentor - @ishantbhurani
• Twitter - @IShaunt

• Frontend Mentor