responsive landing page using CSS flexbox

Community feedback

• 

  Byron•2,290

  @byronbyronPosted almost 3 years ago

  Looks really good!

  For the subtle shadow on the card itself, something like the below should get you fairly close.

  .content {
      box-shadow: 0 1rem 1.25rem hsl(245deg 75% 52% / 14%);
  }
  

  Also, there's a few minor accessibility issues that can easily be fixed:

  • Make sure there's a <main> element.
  • Add some alt="" text to the images.

  Marked as helpful

  0
• 

  RubenRibeiro13•140

  @RubenRibeiro13Posted almost 3 years ago

  Hi @AliceOneLove.

  You can add shadow effects around an element (in this case the Proceed to Payment button) using the box-shadow property. I recommend you read up on this property.

  0