Four card feature section solution using HTML and Css

Community feedback

• 

  Jiro Ricaro•715

  @jiroRiPosted over 4 years ago

  Hi! Great attempt/solution you have there!

  As for your first question, I believe you are looking for the box-shadow shorthand property. Put this inside your .team-builder-container class selector:

  • box-shadow: 0px 10px 20px rgba(40, 40, 40, 0.15);

  learn more about the box-shadow shorthand property from here

  • and you might as well remove your card's(.team-builder-container) bottom border by setting border-bottom: 0; and removing this line border-bottom-width: 1px;

  As for the footer, great idea on the workaround. But I strongly suggest for you to utilize Flexbox or learn it if you haven't done so already. It will greatly improve your solution and especially your footer problem(you won't have to do it in a hacky way if ever). We have a lot of resources here where you can dive deeper into Flexbox.

  Still, good job and keep at it bro! 💪

  2