bootstrap, flexbox

Community feedback

• 

  Travolgi 🍕•31,300

  @denielden

  Posted over 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!

  13