Skip to content
Submitted about 1 month ago

REST Countries API v1.0.1

Techkie Creations•510
@Techkie-Creations
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...REST Countries API with color theme switcher
  • HTML
  • CSS
  • JS
  • API
4advanced

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time?

I'm proud of the fact that i was able to update the code respository to a more cleaner and efficient code, one that is more responsive

What challenges did you encounter, and how did you overcome them?

I still had an issue with the name of the countries because it would not wrap so as an alternative I reduced the font size of the names in such a way that they still stand out but do not go out of bounds save for one country's name.

Anyone with a way to solve this issue, please share.

What specific areas of your project would you like help with?

I need help with the word wrapping, I tried all the CSS options from overflow-wrap to word-wrap but no luck.

Community feedback

  • Fernando A. Malfavón•370
    @WlfernandoPosted about 1 month ago

    hi! If you only want a one line text, use text-wrap, overflow, and text-overflow. Or if you want a fixed lines use display: -webkit-box, white-space, and -webkit-line-clamp. Here a video: https://www.youtube.com/watch?v=Jdkvmq8MtJY&t=35s. And I recommend use the svg when the user click one of the cards.

    0

Please log in to post a comment

Log in with GitHub

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord