Pedro Chaparro

Latest comments

• 

  Aguluka Ngozi celestina•80

  @melissacinta

  Submitted almost 2 years ago

  

  Responsive Space Tourism website using react, react-slick & tailwind

  #react#tailwind-css#typescript#vite

  2

  40
  

  Pedro Chaparro•260

  @PChaparro

  Posted almost 2 years ago

  Hi, the solution is awesome. It seems that the library you used for the sliders is adding a fixed height to a <div> with the class .slick-list, in the case of the biography texts the fixed height is 247px in a desktop screen and that's the reason why you're loosing some text. I hope that can be useful.

  1
• 

  Saswat Samal•80

  @saswat10

  Submitted almost 2 years ago

  

  REST API Countries

  #axios#react#sass/scss#react-router

  2

  40
  

  Pedro Chaparro•260

  @PChaparro

  Posted almost 2 years ago

  Hi, you did it well. About the naming problem in the CSS classes, I suggest you to use the BEM methodology, it allows you organize your classes based on Blocks, Elements and Modifiers, for instance, in your .dropdown component, you could have classes like .dropdown__option, .dropdown--hide, .dropdown--show, etc.

  To optimize the search component and provide a "better" user experience you could update the results in real time and use a "Debouncer" to prevent unnecessary re-renders of the countries cards by adding a timeout between each UI update or API call.

  2

  Marked as helpful