HTML + CSS + JS using Redux

Community feedback

• 

  Henrique Cabral Ferraz•70

  @HCFerrazPosted almost 4 years ago

  Hi, I have met the platform yesterday. I think that something like this might help you:

  box-shadow: 0px 3px 0px rgba(0,0,0,.5);

  The first value is the horizontal shadow, positive goes right, negative goes left, the second is the vertical shadow. The third value is how the shadow will spread.

  I don't know exactly how to explain :(

  But I hope it can be useful :)

  2

  ---

  

  Marcin•570

  @FrontmaniaacPosted almost 4 years ago

  Thanks a lot :) Don't worry the box-shadow property is well known to me, just haven't thought about the rgba color format. And i used: box-shadow: 0px 7px 0px rgba(128, 128, 128, 0.5); So it matches the design perfectly. Thank's again and Happy Coding

  1
• 

  T

  ApplePieGiraffe•30,545

  @ApplePieGiraffePosted almost 4 years ago

  Greetings, Marcin! 👋

  Nice to see you complete another challenge! 😀 Well done on this one! 👍 Your solution looks good and is responsive! 🙌

  I believe the designer for many of these challenges likes to use both blur and spread properties when adding box-shadows, and like HCFerraz mentioned, rgba() is used lots of times as well to color the box-shadow but keep it subtle. 😉

  I suggest adding the required attribute to the input elements on the page so that you'll get some built-in browser form validation.

  And BTW, if you really enjoy completing Frontend Mentor challenges, you could consider giving the Pro subscription a try. It'll give you access to the original design files where you can see the exact values for things like box-shadows and font styles. 😆

  Keep coding (and happy coding, too)! 😁

  1