All comments

• 

  Haim Mizrahi•30

  @haimmmSubmitted almost 3 years ago

  This is my second challenge and I feel the improve! No phone implementation because I didn't learn responsive design yet. Would love to get comments on what I could do better.

  

  Newbie CSS practice, FlexBox is my best friend.

  1

  10
  

  RubenRibeiro13•140

  @RubenRibeiro13Posted almost 3 years ago

  Hi @haimmm. The order summary card occupies about 85% of the width on small devices, otherwise it has a width of 450px, so in this case you could achieve a responsive design using the max-width property, as follows:

  .order-summary-card {
  width: 85%;
  max-width: 450px;
  }
  

  Also, the background images are different for small and large devices. To solve this problem, I recommend you read up on media queries.

  0

  This comment has received 2 repliesShow
• 

  AliceOneLove•10

  @AliceOneLoveSubmitted almost 3 years ago

  Didn't get how to make a similar shadow under the "Proceed to Payment" buttton. I would appreciate any help.

  

  responsive landing page using CSS flexbox

  2

  10
  

  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