Submitted 10 months ago

Responsive github user search app made with react and tailwind

react, tailwind-css, recoil

Radu•340

@RaduBRN

A solution to the GitHub user search app challenge

Preview Code

Solution retrospective

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

The whole search bar is actually an input with relative on it and the icon, button and no results div are all absolute on top of it

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

The avatar image, dev name, joined date, and dev login are actually 2 divs that are repeating, you just have hidden on one while on desktop and hidden on the second when you're on tablet and mobile. I couldn't find a different way to style them since you need them as siblings on responsive, while on desktop, the dev name, joined date and dev login are part of the bigger content and you have that bigger content part as a sibling to the avatar.

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Radu's solution.

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