Order Summary Card using flexbox and custom css properties

Hi there, you did a great job. Following are some suggestions that you can incorporate into your solution:

1. Don't use the paragraph tag inside the span tag as it has the semantic meaning associated with it and refers to a paragraph. For further reading: "https://stackoverflow.com/questions/1908234/when-to-use-span-instead-p#:~:text=We%20actually%20use%20span%20element,has%20semantic%20meaning%20in%20HTML" try checking this on stack overflow.
2. Try adding the attribution in the footer tag and putting it inside the main tag. It will remove the main landmark accessibility issue. For further read, check this: "https://www.w3.org/WAI/ARIA/apg/example-index/landmarks/main.html#tabpanel1". You can also add a different label and add the attribution in a different main tag with the "aria-labeled by" attribute with unique labels for each main tag as suggested in the article link above.