learnings

1. media queries
2. responsive images
3. Use picture element to switch between the images when screen size changes:
4. use Semantic HTML markup wherever you can to make app more accessible
5. tags, used to include images on a document, require an alt attribute to describe the contents of the image. This is essential for users that cannot see the image (like screen reader users), or as an alternate text when the image cannot be displayed.
6. use forward slashes not backslash in the path of image tags. if we copy paste relative path it uses backward slashes.

To Do

1. responsive images
2. srcset
3. picture tag to change images responsively
4. The old price needs wrapping in a del element
5. leave the cart icon alt blank
6. you need to use the picture element
7. You need to make perfume a paragraph

follow these

1. You can only use if you don't need the others. The most important thing is elements like
   shouldn't be direct descendants of .
2. images forward slash
3. document should have atleast one h1 tag
4. html document should have main element
5. wirte alt attribute for images