Chat App CSS Mockup 💬💬 w/ HTML & CSS

Community feedback

• 

  Ahmed•80

  @Ahmed-l2Posted 5 months ago

  The design looks great, and the inclusion of camera holes is a subtle yet creative touch.

  2

  ---

  

  P

  Koda👹•3,830

  @kodan96Posted 5 months ago

  @Ahmed-l2

  thanks, I appreciate the kind words 🙌

  2
• 

  P

  Rupali•780

  @rupali317Posted 5 months ago

  Hi @kodan96, Fantastic work on this challenge. It is amazing to see how you incorporate various elements in the notch.

  I ran your site on Safari and I noticed a white rectangle around your phone. It is because of using outline: 2px solid #fff. Unfortunately, in Safari the outline appears to be a rectangle. Instead of outline you can use box-shadow: 0px 0px 0px 2px #fff;

  Since you are using different values for box-shadow, you can combine more than 1 box-shadow values in 1 property like this:

  box-shadow: 0px 0px 0px 2px #fff, 5px 5px 15px rgba(0,0,0,.3);
  

  Let me know if this works

  0
• 

  wizdom•210

  @wisdomcool11Posted 5 months ago

  Wow ! This amazing I let me go try it out

  0