Order summary card solution using flexbox

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

  ---

  

  Shameer Kamaludeen•440

  @shameerkamaludeenPosted almost 3 years ago

  @GitHub-dev12345 that's really a good suggestion Dev Rathore thank you.

  0
• Account deleted

  Hi there 👋

  Congratulate on finishing your project 🎉. You did a great job 💡

  • About your question, I'd suggest this framework, https://ianlunn.github.io/Hover/, there are some hover effects, and try to build them on your own
  • If I understood well your first question try these challenges, you gain more experience with drawing cool illustrations just in CSS https://cssbattle.dev/play/100

  Happy coding ☕

  Maqsud

  Marked as helpful

  0

  ---

  

  Shameer Kamaludeen•440

  @shameerkamaludeenPosted almost 3 years ago

  @maqsudtolipov Thank you very much Maqsud Tolipov the CSSBattle is really worthy

  0
• 

  Hexer•3,660

  @EmmanuelHexerPosted almost 3 years ago

  Great work man, Nicely done

  0

  ---

  

  Shameer Kamaludeen•440

  @shameerkamaludeenPosted almost 3 years ago

  @Phalcin Thank you, Emmanuel your encouraging really worth man thanks a lot

  0