In the Figma design file, there's a pointer cursor on the search bar: I don't know what that is supposed to mean. There's already a pointer cursor on the search button, so clicking the bar seems redundant. Does anyone have a clear idea?
Also, seeing anything that I missed in the design is always helpful!
Hi Bradley,
Click on the searchbar => enter the input field so the user is able to start typing the username Click on the button => fetch the github API with the input username data
I hope this helps :)
Ambre
I don't know why but I wasn't able to use :hover on the social medias links! Any ideas?
Hi David,
Great work on this challenge !
About styling icons on :hover here are two solutions I've found (there might be others!):
background-clip: text along with -webkit-text-fill-color properties. Here's an example in CodePenI hope this helps :)
Happy coding!
Hey everyone!
I just completed another challenge. 🤘🏽
Super grateful and stoked I made it work without having that much of a headache lol
As always, feedback is always welcome. Please let me know of any issues you may find and/or how I can improve my code :)
Happy coding all!
Hi ! Wow it's working great, nice job ! I just noticed that on my laptop (15") the mobile layout is displayed, not the desktop one. Maybe changing the breakpoint or create an intermediate layout could optimize your solution.
Everything else seems just on point !
Happy coding :)
I struggled to add the eye icon on the hover, and I could not make it white. I do not know if I should have added an image instead of an icon and have made it different. So, please feel free to give me any feedback. I am sure that I will learn a lot from that as I have done from my last challenge!
I am looking forward to reading it!
Thanks a lot! :)
Hi Tamara,
Good job on this one !
I had the same problem as you with the eye. In my case the solution was to set the background color of the overlay with hsla() instead of hsl(), wich adds an opacity attribute :
==> background: hsla(178, 100%, 50%, 0.6);
And in your :hover pseudoclass you can just set the opacity to 1.
I did use an img instead of an icon, so I'm not 100% sure this will be the solution for you. Let me know :)
Hi everyone ! I feel like I write way more code than necessary when trying to align everything, setting margins height or width to auto/100%/etc. I always end up being a bit lost. So any comment is appreciated!
Hello AplePieGiraffe !
Thanks a lot, it really helps!
I'll definitely look into the suggestions you made and modify my code.
The second point was kind of a choice though, but indeed probably not the wisest one. 😅
Happy codind to you too, and thanks again!
