All comments

• 

  Bradley Smith•230

  @bradleyhopSubmitted over 2 years ago

  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!

  

  Vue based GitHub User Search App

  1

  10
  

  Ambre•170

  @Yunie08Posted over 2 years ago

  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

  Marked as helpful

  0

  This comment has received 1 replyShow
• 

  David•40

  @TheBigDadOoSubmitted almost 3 years ago

  I don't know why but I wasn't able to use :hover on the social medias links! Any ideas?

  

  Responsive Equalizer landing page

  2

  40
  

  Ambre•170

  @Yunie08Posted almost 3 years ago

  Hi David,

  Great work on this challenge !

  About styling icons on :hover here are two solutions I've found (there might be others!):

  • Using the background-clip: text along with -webkit-text-fill-color properties. Here's an example in CodePen
  • Applying filters using this generator on CodePen

  I hope this helps :)

  Happy coding!

  Marked as helpful

  0

  This comment has received 1 replyShow
• 

  stephmunez•435

  @stephmunezSubmitted almost 3 years ago

  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!

  

  Tip calculator app

  1

  40
  

  Ambre•170

  @Yunie08Posted almost 3 years ago

  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 :)

  Marked as helpful

  1

  This comment has received 1 replyShow
• 

  Tamara Carlos•30

  @aramatsolracSubmitted almost 3 years ago

  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! :)

  

  NFT preview card component using CSS

  3

  10
  

  Ambre•170

  @Yunie08Posted almost 3 years ago

  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 :)

  Marked as helpful

  0

  This comment has received 1 replyShow
• 

  Ambre•170

  @Yunie08Submitted almost 3 years ago

  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!

  

  Responsive 4 card feature section using CSS Grid & Flexbox

  2

  30
  

  Ambre•170

  @Yunie08Posted almost 3 years ago

  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!

  0