Responsive Order Summary Card with CSS Flexbox

Community feedback

• 

  _SabijaThor_•355

  @SasaVaticPosted 12 months ago

  Hi Clinton. You can try with this ---> background-position: bottom 190px right -630px; Play with values in media query to adjust bg position. If you want to find out more here are some resources: https://developer.mozilla.org/en-US/docs/Web/CSS/background-position https://css-tricks.com/almanac/properties/b/background-position/ Hope it helps bye :)

  0
• 

  Bryan Li•3,530

  @Zy8712Posted 12 months ago

  To make the background the same as the design for the dekstop layout, you do something like this:

   background-image: url("./images/pattern-background-desktop.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-color: var(--theme-pale-blue);
  

  Hope this helps 👍

  0