Chat app CSS illustration mobile first design using flexbox and grid

Community feedback

• 

  Federico Herrera•295

  @FedeHerrera10

  Posted almost 4 years ago

  Hi how are you. You should check the input that does not have the required layout. I recommend using 100% width and 50px height and border radius. I hope this comment is useful.

  01

  Marked as helpful
• 

  Manoj Kumar Singh•530

  @manojks092

  Posted almost 4 years ago

  That was nice try, there're some improvements needed as mentioned :

  • on the right-side chat put the border-radius
  • make the background colored element smaller, i guess because of it we'll get vertical scrolling. But if you make the background element smaller then you can overcome the vertical scroll bar.
  • the input area of the text message should have button inside it. Also set height and width for the text box(input) and then push the button inside it.

  Hope it will be helpful. Happy Coding!!

  01

  Marked as helpful