Responsive Order Card Page, using Flexbox

Hi! Nice job completing the challenge!🙌🏻

For the background image you can add this to the body:

body{
background-color: hsl(225, 100%, 94%);
background-size: contain;
background-repeat: no-repeat;
}

• What this code snippet does is that it sets a background-color to the body along with the background image that you have set, the background-size is set to contain which scales your bg-image to fit within the body, preserving its aspect ratio and the background-repeat is set to no-repeat which makes sure the bg-image doesnt repeat.

• As for your question , <article> tag is used to represent standalone content (content that can make sense on thier own). In this case its just an order summary (we know its for music but listen to them from which application or website? do we know which company? etc. ) it has very limited info so I think it should be a <section> which is basically used to group related content and since here all the content is related to each other it makes more sense to use it instead of an article.

I hope this cleared your doubts about the usage of tags in your project and help you fix the background!

Happy coding!🕺🏻