Responsive Chat-app-illustrator made with CSS flexbox and Grid

Community feedback

• 

  Abhik•4,840

  @abhik-bPosted almost 3 years ago

  👋 Hello Kamasah , Your solution is wonderful & responsive . Even I am working on this challenge & now I can look to your solution as a reference well 🤩

  Only opinion I am sharing with you is that for the .circle input checkbox you can make it a circle by giving the below styles to make it look even nicer.

  width: 16px;
   appearance: none; //this is very important otherwise checkbox won't use any other css styles
   height: 16px;
   padding: 4px;
   border: 2px solid hsl(289, 100%, 72%);
  border-radius: 9999px;
  

  Then finally give some gap to .price-1 & .price2 to give some spacing & it will look appropriate. Overall Great job well done🥳👍 & please keep coding such nice solutions 👍

  Marked as helpful

  1

  ---

  

  Kamasah-Dickson•5,590

  @Kamasah-DicksonPosted almost 3 years ago

  @abhik-b Thank you so much for your opinion I will surely update it. Lol I had a tough time creating a circle 😂😂

  1
• 

  Rio Cantre•9,690

  @RioCantrePosted over 2 years ago

  Hello there! Great work with this one. Regarding the solution you submitted, I think you should know the following notes…

  • The height and width in the pseudo class element can be adjusted into height: 600px; and width: 500px; in body::after. In body::before with width: 450px; and height: 700px;
  • The Sass file can be break into smaller components

  Other than that...

  • Proper use of semantic tags
  • The code is readable, though there are lots of div
  • The design is well implemented
  • The Sass structure is well organized. Though it can be too long
  • Good use of Pseudo elements
  • Great job with the responsive design
  • Well use of details and elements

  Above all, The design looks good. Keep it up!

  Marked as helpful

  0

  ---

  

  Kamasah-Dickson•5,590

  @Kamasah-DicksonPosted over 2 years ago

  @RioCantre This is so helpful to me not being a pro member is really hard creating same designs.

  0

  

  Kamasah-Dickson•5,590

  @Kamasah-DicksonPosted over 2 years ago

  @RioCantre This is so helpful to me not being a pro member is really hard creating same designs.

  0