chat app css illustration

Community feedback

• 

  Ebi Akangbou•170

  @Ebi-AkangbouPosted about 2 years ago

  Hello John, Great work. Please how can I post my solution with vercel.

  0
• 

  Elaine•11,400

  @elaineleungPosted over 2 years ago

  Hi Israel John, this was not an easy challenge, but good job putting this together 🙂

  About the send icon, I see you using class names that look like ones you'd find in Font Awesome; where are you putting in your icons from? I don't see any links in the head tags and I don't see anything in your stylesheet either. You can try finding an icon on Font Awesome, and you probably need to set up an account with them (which I believe is for free). They have a lot of icons for free (they also have paid ones), and you may be able to find one there.

  One other quick comment I have:

  Your phone is looking rather large right now! Try setting a max-width: 20rem with padding: 1rem, and removing the other widths and padding you have in percentages. Whenever possible, try not to use percentages for paddings and widths unless you are certain that you can have an optimal view at all sizes. The problem with using percentages and viewport units is that what looks good at one browser width may not look good on for another browser width.

  Good luck finding that icon!

  0