Order summary component | HTML | CSS

Community feedback

• 

  Travolgi 🍕•31,400

  @denieldenPosted almost 3 years ago

  Hi Tami, good job!

  to make the background svg take all the screen on the desktop set the property background-size: contain; to the body.

  Also try using Flexbox for center elements on the page: give the flexbox and height properties to the body and remove margin from .card class.

  Read here -> Flexbox

  Note: Flexbox aligns to the size of the parent container. 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.

  I hope that helps!

  Marked as helpful

  1

  ---

  

  Tami Ribeiro•40

  @tamiribeiroPosted almost 3 years ago

  @denielden Thank u for the feedback and insights! I'll try it. Flexbox is definitely something I want to put more effort into learning 💙

  1