Streamlining Design with a 3-Column Preview Card Component Solution

Community feedback

• 

  Developer Matusala A.•170

  @matusalab-devPosted over 1 year ago

  congrats for achieving this far... I've got a couple of suggestions, let's start with the animation when the cards return to their original position the overlapping of the card's transition isn't smooth. you can make the animation using a CSS property z-index. because the z-index property is animatable. the other one is responsiveness, your app is not responsive. you can make it responsive with a CSS grid or simply just use the flex-box flex-direction property from row to column at an appropriate breakpoint.

  0

  ---

  

  Momin Riyadh•370

  @momin-riyadhPosted over 1 year ago

  @mtslabrh97 Thank you for your kind words and valuable suggestions. I appreciate your feedback and will definitely work on improving the animation of the card transition using the z-index property, which is animatable and should make the overlapping smoother.

  Regarding the responsiveness of the app, I completely agree with you that it needs to be addressed. I will explore using a CSS grid or the flex-direction property to make the app responsive and ensure that it displays well on various screen sizes.

  Thanks again for taking the time to review my app and provide helpful feedback. I will keep your suggestions in mind as I continue to improve and develop it.

  0