finish the product preview challenge with @media css

Hello @rodjoker, 👋🏻

Awesome job on taking the first steps towards your dream!

I'm thrilled to see your engagement with this platform to enhance your design skills. I like your code organization. Though, I have some additions to make more clean:

1.Heading tags should increment accordingly for better web accessibility:

======= here should be the <h2> 
   <h3 class="product">PERFUME</h3>


=======  and here the <h3>      
     <h2 class="gabrielle">Gabrielle Essence Eau De Parfum</h2> 

*note: the main <h1> tag font-size could be smaller than the <h2> tag in some cases, but the order is crucial.

2.Use Bem for naming your styles.

3.Add meta tags:

<meta name="title" content="My Website">
<meta name="description" content="My Website Description">
<meta name="keywords" content="Some, Keywords, Here">

Hope you find it useful!😇

Keep up the fantastic work, and happy coding! 🚀