All comments

• 

  Willy M. Beros Jr• 120

  @wilbros

  Submitted over 1 year ago

  What did you find difficult while building the project?

  • The shadow at the bottom of the panel. I'm unsure if that's just a border-bottom or a complete box-shadow. Other than that, I'm completely happy with my result. It's completely responsive to iPad screens and desktop large screens

  

  Four_Card_Feature_Section

  1

  60

  

  P

  Nelson Bernard• 160

  @nelsonbernard

  Posted over 1 year ago

  Congratulations on finishing the challenge! In response to your question, it is indeed a box-shadow and very easy to implement. In case you're unfamiliar, here's a good article on box shadows in css.

  CSS box-shadows

  You can just add it to your panel class. Most shadows just use black for the color and adjust the transparency using an rgba value like so:

  .panel{ box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.5); }

  box-shadow: [horizontal offset] [vertical offset] [blur radius] [color];

  Hope that helps!

  0