Update SingleProduct.component.tsx

Author: w3bdesign

src/components/Product/SingleProduct.component.tsx

@@ -99,10 +99,10 @@ const SingleProduct = ({ product }: IProductRootObject) => {
               {!onSale && (
                 <p className="text-2xl font-bold mb-4">{price}</p>
               )}
-              <p className="text-lg mb-4">{DESCRIPTION_WITHOUT_HTML}</p>
+              <p className="text-lg mb-4 text-center md:text-left">{DESCRIPTION_WITHOUT_HTML}</p>
               {Boolean(product.stockQuantity) && (
-                <div className="mb-4 p-2 bg-green-100 border border-green-400 rounded-lg">
-                  <p className="text-lg text-green-700 font-semibold">
+                <div className="mb-4 p-2 bg-green-100 border border-green-400 rounded-lg mx-auto md:mx-0 max-w-[14.375rem]">
+                  <p className="text-lg text-green-700 font-semibold text-center md:text-left">
                     {product.stockQuantity} på lager
                   </p>
                 </div>