Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Log in with GitHub
OverviewSolutions8Comments3

All comments

  • beatrizalmeidapires• 255

    @beatrizalmeidapires

    Submitted

    Hi everyone!

    Had a lot of fun building this project and some struggles, in particular:

    • Setting up the light mode. I could easily change the background color, however when it comes to change the background of some particular elements like buttons that were on different components I couldn't make it. The text "light" and "dark" also just changed once and never changed again.

    • Filtering while typing I had the input in a different component from where I called the API, so it was hard to filter by the user input. I added a button and managed to filter that way but it wasn't supposed to be like that...

    • I still have some bugs, for example if I don't type anything and click on "search" it breaks up the app completely.

    Thanks in advance for your feedback.

    REST countries API using REACT

    2

    GustavoMartins• 245

    @Aquelehomem

    Posted

    Em termos de design ta igualzinho, i would recomend you to research for higher order functions like filter/map and the input/keypress/keydown events so that you can "filter" the elements by hiding them when typing or just filter some array with the elements you wanted and do the fetch json when sending the form.

    0
  • GustavoMartins• 245

    @Aquelehomem

    Posted

    Muito bom , ta perfeitinho, só faltou deixar centralizado na versão mobile e tablet.

    0
  • rhosrc• 40

    @rhosrc

    Submitted

    Thoughts? I just started coding HTML/CSS and will soon dive into responsive design.

    1. I use a 2560x1440 monitor and my design looks awkward (e.g., oversized divs). Going forward, what tools can help me anticipate that problem?

    2)Is there a way to manipulate div aspect ratios across viewports using CSS?

    3)W/r/t top container, is z-index the only way to make the background image go between the background color and the text/images? I was hoping there was a more intuitive way to do so, maybe with opacity?

    HTML, CSS

    2

    GustavoMartins• 245

    @Aquelehomem

    Posted

    I think what you ll need is a tool to measure the width of the elements in the page (div,img,buttons...), consider not use percentage for width, use pixels , at least dats what works for me. In my solutions i ve been using pixelZoomer or irfanView. I learned some fundamentals from this gal in the video : https://www.youtube.com/watch?v=rNBV_MstSdI

    1