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

👋 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 👍

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!