bootstrap, flexbox

Community feedback

• 

  Travolgi 🍕•31,400

  @denieldenPosted almost 3 years ago

  Hi Patil, good job!

  • For center the card give flexbox and height properties to the body and remove all margin from .main-div class. Note: Flexbox aligns to the size of the parent container.
  • Read the guide -> Flexbox
  • You can use the vh measurement for the height... Viewport Height handles the sizing of an element in relation to the height of the browser window.
  • To round the corners of the pricing-box add the property border-radius
  • To insert the photo at the top in the background add these properties to the body:

  background: url("../img/pattern-background-desktop.svg") no-repeat top center;
  background-size: contain;
  background-color: #e0e8ff;
  

  • Try to adding a little transition on the button hover effect

  Overall you did well :) keep it up

  Happy coding!

  1

  ---

  

  patil sahil•440

  @Patilsahil821Posted almost 3 years ago

  @denielden hey, denielden thanks for giving your kind response.

  0

  

  patil sahil•440

  @Patilsahil821Posted almost 3 years ago

  @denielden hey, denielden thanks for giving your kind response.

  1

  

  Travolgi 🍕•31,400

  @denieldenPosted almost 3 years ago

  @Patilsahil821 You are welcome! And don't forget to mark my comments as helpful!

  Thank you and Happy coding :)

  1