Chat App Illustration with Animations

Community feedback

• 

  Jen•1,230

  @En-JenPosted about 4 years ago

  Wow, excellent work Sankara 👏 Looks incredibly close to the design and I love the animations. Scales up and down really nicely and your code is really organized and readable. The only suggestion I really have is to consider using min-width media queries in future projects. It can often lead to less CSS code and has the benefit of loading in fewer styles for mobile users, which can be a nice performance gain. I was resistant to coding mobile-first for a bit, but tried it out on a few smaller projects and now I really like it 😊

  1

  ---

  

  Sankara Gomathy M•455

  @sankaragomathymPosted about 4 years ago

  @En-Jen Hey! Thank you so much for your feedback. I find it easier to code desktop-first. From now on, I'll try to go the other way round considering the pros that you have mentioned.. 😊

  We can actually avoid media queries by using min, max and clamp functions and also by clever use of flex and grid properties. Im going to give a try to these as well in future.. you can search the net for more info..

  1

  

  Jen•1,230

  @En-JenPosted about 4 years ago

  @sankaragomathym yeah, that's a good point that min, max, and clamp functions and flex and grid properties can all cut down on the number of media queries needed. I definitely could benefit from implementing those more often :)

  0