Исправил страничку Квартиры, Сравнение, Избранное

pairent_frontend_react/src/components/BlockApartment/index.jsx

@@ -5,6 +5,7 @@ import SVGIcon from '../UI/Icon/SVGIcon';
 const ApartmentBlock = styled.div`
     width: 20%;
     margin-top: 26px;
+    position:relative;
 `
 const ApartmentImage = styled.img`
     width: 100%;
@@ -48,12 +49,13 @@ const TransportIcon = styled.div`
 const ButtonContact = styled.button`
     width: 180px;
     height: 36px;
-    margin-top: 26px;
     background: #175FA9;
     border-radius: 12px;
     font-weight: 500;
     font-size: 16px;
     color: #fff;
+    position: absolute;
+    bottom:-62px;
 `
 
 const BlockApartment = function (props) {

pairent_frontend_react/src/components/ComparisonsApartamentsList/index.jsx

@@ -28,7 +28,7 @@ const ApartmentSectionTitleText = styled.h3`
 `
 
 const Separation = styled.div`
-    margin-top: 50px;
+    margin-top: 86px;
 `
 
 const SeparationText = styled.p`

pairent_frontend_react/src/components/Questions/index.jsx

@@ -1,71 +0,0 @@
-import React from 'react';
-import styled from 'styled-components';
-
-import './styles/Questions.css';
-
-const MainSection = styled.section`
-    display: flex;
-    justify-content: space-between;
-    margin-top: 55px;
-`;
-
-const Button = styled.button`
-    width: 323px;
-    height: fit-content;
-    padding: 2% 5% 2% 3%;
-    border-radius: 12px;
-    text-align: left;
-
-    & h3 {
-        font-size: 18px;
-        color: #fff;
-    }
-    & p {
-        margin-top: 16px;
-        font-size: 16px;
-        line-height: 19px;
-        color: #fff;
-    }
-`;
-
-const OrangeButton = styled(Button)`
-    background: linear-gradient(180deg, #F76D09 0%, #FFA800 100%);
-    &:active {
-        background: linear-gradient(180deg, #FFA800 0%, #F76D09 100%);
-    }
-`;
-
-const GreenButton = styled(Button)`
-    background: linear-gradient(180deg, #107A34 0%, #51A633 100%);
-    &:active {
-        background: linear-gradient(180deg, #51A633 0%, #107A34 100%);
-    }
-`;
-
-const BlueButton = styled(Button)`
-    background: linear-gradient(180deg, #2E50A7 0%, #0993F7 100%);
-    &:active {
-        background: linear-gradient(180deg, #0993F7 0%, #2E50A7 100%);
-    }
-`;
-
-const Questions = function () {
-    return (
-        <MainSection>
-            <OrangeButton>
-                <h3>Рестик или кафешка?</h3>
-                <p>Какой общепит предпочтительнее для вас возле жилища?</p>
-            </OrangeButton>
-            <GreenButton>
-                <h3>Двушка или однушка?</h3>
-                <p>Как выбрать квартиру под себя, чтобы не переплачивать?</p>
-            </GreenButton>
-            <BlueButton>
-                <h3>Совмещенный или отдельно?</h3>
-                <p>Какой санузел будет для вас лучшим вариантом?</p>
-            </BlueButton>
-        </MainSection>  
-    );
-}
-
-export default Questions;

pairent_frontend_react/src/components/Questions/styles/Questions.css

@@ -1,50 +0,0 @@
-/*Кнопки с вопросами*/
-.questionBtnSection{
-    display: flex;
-    justify-content: space-between;
-    margin-top: 55px;
-}
-
-.questionBtn{
-    width: 323px;
-    height: 128px;
-    padding: 2% 5% 2% 3%;
-    border-radius: 12px;
-    text-align: left;
-}
-
-.questionBtn h3{
-    font-size: 18px;
-    color: #fff;
-}
-
-.questionBtn p{
-    margin-top: 16px;
-    font-size: 16px;
-    line-height: 19px;
-    color: #fff;
-}
-
-.orangeBtn{
-    background: linear-gradient(180deg, #F76D09 0%, #FFA800 100%);
-}
-
-.orangeBtn:active{
-    background: linear-gradient(180deg, #FFA800 0%, #F76D09 100%);
-}
-
-.greenBtn{
-    background: linear-gradient(180deg, #107A34 0%, #51A633 100%);
-}
-
-.greenBtn:active{
-    background: linear-gradient(180deg, #51A633 0%, #107A34 100%);
-}
-
-.blueBtn{
-    background: linear-gradient(180deg, #2E50A7 0%, #0993F7 100%);
-}
-
-.blueBtn:active{
-    background: linear-gradient(180deg, #0993F7 0%, #2E50A7 100%);
-}

pairent_frontend_react/src/pages/Comparisons/index.jsx

@@ -1,6 +1,5 @@
 import React from 'react';
 import ComparisonsApartmentsList from '../../components/ComparisonsApartamentsList';
-import Questions from '../../components/Questions';
 import LastView from '../../components/LastView';
 
 const Comparisons = function () {
@@ -8,7 +7,6 @@ const Comparisons = function () {
     return(
         <>
             <ComparisonsApartmentsList/>
-            <Questions/>
             <LastView/>
         </>
     );

pairent_frontend_react/src/pages/Favorites/index.jsx

@@ -1,7 +1,6 @@
 import React from 'react';
 
 import FavoritesApartamentsList from '../../components/FavoritesApartamentsList';
-import Questions from '../../components/Questions';
 import LastView from '../../components/LastView';
 
 import './styles/Favorites.css';
@@ -12,7 +11,6 @@ const Favorites = function () {
         <>
             <h2>Избранное</h2>
             <FavoritesApartamentsList/>
-            <Questions/>
             <LastView/>
         </>
     );

pairent_frontend_react/src/pages/IndexApartment/index.jsx

@@ -21,12 +21,12 @@ const SVGIcon = styled(ISVGIcon)`
 `;
 
 const ContainerLeft = styled.div`
-    width: 800px;
+    max-width: 800px;
 `
 
 const ContainerSlider = styled.div`
-    width: 800px;
+    max-width: 800px;
-    height: 500px;
+    max-height: 500px;
 
     clip-path: inset(0% 0% 5% 0% round 20px);
 `
@@ -112,13 +112,14 @@ const SeparationLine = styled.div`
 `
 
 const AdditionalItem = styled.div`
-    width: 256px;
+    max-width: 256px;
-    height: 160px;
+    max-height: 160px;
     background: #FFFFFF;
     border: 1px solid #C0C0C0;
     border-radius: 20px;
     padding: 8px;
 
+
     &:hover {
         box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.25);
         cursor: pointer;
@@ -126,8 +127,8 @@ const AdditionalItem = styled.div`
 `
 
 const AdditionalImage = styled.img`
-    width: 240px;
+    width:100%;
-    height: 100px;
+    max-height: 120px;
     margin-bottom: 4px;
     border-radius: 12px;
 `