Order summary card using flexbox and grid

In most cases I prefer to use flex instead of the grid because I can work better with it, I really only use the grid for cases where I need to quickly organize several objects in a space.

For the background you can set a general color for the html and here is an example html{ background: #e0e8ff; } and you can put the background image in the body, remembering that you need to use commands like background-size and background-repeat to adjust the screen size here is an example body{ background: url(/images/pattern-background-desktop.svg); background-size: 100%; background-repeat: no-repeat; }