Skip to content
OverviewSolutions
8
Comments
2

Pedro Chaparro

@PChaparroColombia260 points

Systems and Informatics Engineering Student.

Latest solutions

View more solutions

Latest comments

  • Pedro Chaparro•260
    @PChaparroPosted over 1 year 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
  • Pedro Chaparro•260
    @PChaparroPosted over 1 year 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.

    Marked as helpful
    2