All solutions

Hi, community I've enjoyed a lot when was doing this challenge and I think I've completed it pretty well (any feedback is welcome). I've also added some active states styles. But there are some issues that I don't know how to fix:

• Looks like it's difficult to load styles for the app. First it shows the app data and then loads widths, margins etc. I'm not sure how to explain it..
• When I open the app from my mobile - countries flag images aren't the full width of it's container. The styles are: .country-card { max-width: 262px; } .country-card__flag { width: 100%; height: 161px; } .country-card__flag image { height: 100%; width: 100%; }.

When I inspect it in chrome dev tools - uncheck and then check width of image it shows correctly. Thank you for checking my solution and happy coding to everyone :)

Hello, community! This challenge seemed pretty simple until some moments of struggle came:

• dynamic import of logo images. I found 2 solutions to this - using lazy load of React (didn't work for me) and using require. This had it tricks too - require doesn't accept variables, so I ended up with this trick require('../img/' + job.logo);. Does anybody know any better solution?
• multiple filtering. I think here I messed up a little. What I did: filter array with first filter and save it to a new array, and then filter that new array again with other filters. I'm wondering if there is some better way to do this.

Thank you for reading this! Any feedback is welcome :)

I've made this challenge with React.js, Sass for styling and also worked with localStorage to storing todos and theme preference. Have to investigate how to do drag and drop. If you have any suggestions or want to give me a feedback I would really appreciate it.

The button doesn't work on mobile, but in Chrome dev tools does. I tried some solutions that i've found in stackoverflow like adding listener to touchstart event or changing css to cursor: pointer but it didn't help. $('#submit').on('touchstart click', handleClick);

`const handleClick = (e) => {e.preventDefault();validate(input.value);}`

I had some difficulties with mockup and background images. If you have any advice how to work with this type of problems I would really appreciate know it. Also I was focusing at adding some css/js animations on showing some elements. Anyway I'm still working on fixing some styles.. I would like to get your feedback on quality of code etc so I could do better next time. Thanks.

*I've tried to make navbar to be transparent and not to push down body content in mobile version and found solution using fixed-top in bootstrap. It works, but now if scroll down in mobile it's fixed so logo and hamburger overflow content and it looks bad. Is there some way to fix it without using javascript?