Chat app CSS illustration mobile first design using flexbox and grid

Community feedback

• 

  Federico Herrera•295

  @FedeHerrera10Posted about 3 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.

  Marked as helpful

  0

  ---

  

  medali198•90

  @medali198Posted about 3 years ago

  @FedeHerrera10 Your feedback is very clear and helpful, I tried fixing the input without using width and height, Could you please check my project and review it again? It would be very helpful to me. Thank you

  0
• 

  Manoj Kumar Singh•530

  @manojks092Posted about 3 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!!

  Marked as helpful

  0

  ---

  

  medali198•90

  @medali198Posted about 3 years ago

  @manojks092 Thank you so much. I updated my solution according to your feedback.

  0