Order Summary Component HTML CSS

Community feedback

• 

  Dev Rathore•2,600

  @GitHub-dev12345Posted almost 3 years ago

  used this CSS Property in your card to increase and decrease the size of card:

  1.In Card design CSS Code Used this:

  transform : scale(0.8); this property decrease the size of card. 😉

  large size for increase the number of scale & small size for decrease the number of scale

  And used this code for background image : In body tag used this CSS property: body{ background : url("./images/uesd image path") no-repeat; background position: top center; background size: 100% 50%; ( this is your choice check the image performance, and the gave the size percentage on your choice); this code very helpful for your background image😉😎 keep it up; } this code helpful for you, plz click on the mark the helpful

  Marked as helpful

  0
• 

  Dev Rathore•2,600

  @GitHub-dev12345Posted almost 3 years ago

  Congratulation Nice Work Keep it up 😉👍

  Used this code want your card in center position :

  in body tag Used this CSS Code: body{ display : flex; justify-content: center; align-item: center; }

  in Card Design CSS Code used this property: align-self: center;

  Marked as helpful

  0

  ---

  

  audina sitanggang•100

  @audinastggPosted almost 3 years ago

  @GitHub-dev12345 thank you, I will do that and update my css code

  0
• 

  Rio Cantre•9,690

  @RioCantrePosted almost 3 years ago

  Hello there! Good job in this challenge. Viewing the solution, I think you should consider the following as well…

  • Wrap the whole content attribution with footer tag. For HTML structures, refer it with this one Semantics
  • Import the attribution style in CSS file and remove the style tag
  • Add the background image of the design

  Above all, Well done! Keep it up and Hope this is helpful!

  Marked as helpful

  0