Desktop first - HTML/CSS (Adjustments, forst attempt here!)

Community feedback

• 

  N1k74s•80

  @N1k74sPosted about 3 years ago

  Hey, you got pretty close to the original! Well done!

  To achieve the box-shadow-effect just add the "box-shadow" propertie in your CSS to the element you want to give some box-shadow. For the button it´s something like box-shadow: 0px 15px 30px 0px hsla(245, 75%, 52%, 0.5); .

  More infos on box-shadows here: https://www.w3schools.com/cssref/css3_pr_box-shadow.asp

  Keep up the good work! :)

  Marked as helpful

  1

  ---

  

  Layla Coralina•15

  @CoraLayPosted about 3 years ago

  @N1k74s it worked! It was in the wrong element.

  Thank you!

  1
• 

  Om Kakatkar•90

  @OmKakatkarPosted about 3 years ago

  Hey, it looks good. Just a few observations

  1. The box shadow is on the outer container instead of the card component.
  2. The height and width is set to 100vw and 100vh which is causing an overflow on the x and y directions. You can try changing this to some lower values, this should also make the design mobile friendly

  Good first attempt! Happy Coding.

  Marked as helpful

  1

  ---

  

  Layla Coralina•15

  @CoraLayPosted about 3 years ago

  @OmKakatkar I did it again and it worked the box-shadow thank you!!

  But if I change the width and height to 100% for example, the alignment does not work anymore, but I will try something else.

  0