modal fixes

Victoria-Fedkova · Sep 21, 2023 · 9fb7e74 · 9fb7e74
1 parent 9696fda
commit 9fb7e74
Showing 1 changed file with 9 additions and 4 deletions.
diff --git a/src/components/CarDetails/CarDetails.styled.jsx b/src/components/CarDetails/CarDetails.styled.jsx
@@ -3,12 +3,17 @@ import styled from 'styled-components';
 export const CarDetailsWraper = styled.div`
  background-color: #fff;
  border-radius: 24px;
- padding: 40px;
- max-width: 541px;
-
+ padding: 18px;
+ min-width: 335px;
+ width: 100%;
  position: relative;
  color: #121417;
 
+ @media (min-width: 768px) {
+ max-width: 541px;
+ padding: 40px;
+ }
+
  & button {
  padding: 0;
  margin: 0;
@@ -26,7 +31,7 @@ export const CarDetailsWraper = styled.div`
 
  & img {
  display: block;
- width: 100%;
+ min-width: 100%;
  max-height: 248px;
  border-radius: 14px;
  object-fit: cover;