Order Summary Main Component | first ever submission

first ever live URL! Took forever to figure out github pages. Page not responsive in mobile. 'border-radius' doesn't work on SVG hero section and I don't know why.

EDIT: finally got page to respond to different screens/orientation! (see code) cleaned up/rewrote html and css files and cut down by 30 and 50 lines respectively.

new lines for centering card/container

body { display: grid; place-content: center; min-height: 100vh; }

didn't use flexbox at all. Still don't know what to make of the hero svg image. I don't know why it's corners to repsond to border-radius??