Skip to content
OverviewSolutions
8
Comments
3
GustavoMartins
@Aquelehomem

All comments

  • beatrizalmeidapires•255
    @beatrizalmeidapiresSubmitted over 4 years ago

    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
    @AquelehomemPosted over 4 years ago

    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
    @AquelehomemPosted over 4 years ago

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

    0
  • rhosrc•40
    @rhosrcSubmitted almost 5 years ago

    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
    @AquelehomemPosted almost 5 years ago

    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