From e85062571dd262982a4c0cf1038d6d7f083e0811 Mon Sep 17 00:00:00 2001 From: Nikita Chebanenko Date: Thu, 21 Sep 2023 15:54:27 +0300 Subject: [PATCH] done --- src/pages/Products/Products.styled.jsx | 21 ++++++++++++++++++--- 1 file changed, 18 insertions(+), 3 deletions(-) diff --git a/src/pages/Products/Products.styled.jsx b/src/pages/Products/Products.styled.jsx index fdb29c9a..fceff1ad 100644 --- a/src/pages/Products/Products.styled.jsx +++ b/src/pages/Products/Products.styled.jsx @@ -13,15 +13,30 @@ export const ProductPageContainer = styled.div` gap: 32px; padding: 72px 32px 48px 32px; } + ${mq.desktop} { padding: 68px 81px 81px 96px; - background: linear-gradient(89deg, #040404 1.1%, rgba(4, 4, 4, 0) 70.79%), - url(${imgProducts.imgDx1}); + gap: 28px; + + background: linear-gradient(89deg, #040404 1.1%, rgba(4, 4, 4, 0) 70.79%); background-repeat: no-repeat; background-position: 100% 0; + background-size: 428px 716px; + background-image: url(${imgProducts.imgDx1}); - gap: 28px; + ${ + '' /* @media (min-device-pixel-ratio: 2), + (-webkit-min-device-pixel-ratio: 2), + (min-resolution: 192dpi), + (min-resolution: 2dppx) { + & { + background-image: url(${imgProducts.imgDx2}); + } + + + } */ + } } `;