All comments

• 

  Kiranpreet kaur•150

  @KkkiiiirranSubmitted over 1 year ago

  What could be some best practices for sizing elements

  

  Qr code component front end project-1

  1

  30
  

  Josh•100

  @Joshua-FarrPosted over 1 year ago

  Looks like the link to your code isn't working!

  0

  This comment has received 1 replyShow
• 

  jasnoludek•70

  @jasnoludekSubmitted over 1 year ago

  Thank you for viewing my attempt at this challenge. I struggled the most with alternating the mobile and desktop background patterns, and centering my component properly within them. I'm wondering how others have managed to solve this problem. I welcome your feedback.

  

  Order Summary Component

  2

  70
  

  Josh•100

  @Joshua-FarrPosted over 1 year ago

  Why did you include this piece of code in your solution?

  @media (prefers-reduced-motion: reduce) {
  html:focus-within {
  scroll-behavior: auto;
  }
    
  *,
  *::before,
  *::after {
  animation-duration: 0.01ms !important;
  animation-iteration-count: 1 !important;
  transition-duration: 0.01ms !important;
  scroll-behavior: auto !important;
  }
  }
  

  1

  This comment has received 2 repliesShow
• 

  Hossam Gouda•130

  @HossamGoudaSubmitted almost 3 years ago

  I tried so much to add the colour for the image on hover but I really felt lost with it

  I got some ideas to apply it with pseudo-element but could not find my way yet for that.

  

  NFT preview card component CSS and HTML only

  2

  00
  

  Josh•100

  @Joshua-FarrPosted almost 3 years ago

  Hey Hossam!

  I just completed this challenge today too - the easiest thing that I found was using an overlay with opacity 0 for the image in the cyan color and then changing it to opacity 1 on hover. Hopefully that helps!

  Marked as helpful

  0

  This comment has received 1 replyShow