diff --git a/src/components/demos/demos.tsx b/src/components/demos/demos.tsx index 391cf30..47f3fff 100644 --- a/src/components/demos/demos.tsx +++ b/src/components/demos/demos.tsx @@ -1,60 +1,67 @@ -import './demos.css' +import "./demos.css"; import "../../styles/styles.css"; -import building1 from './building1.png' -import building2 from './building2.png' - - -import iconButton from "./iconButton.svg" +import building1 from "./building1.png"; +import building2 from "./building2.png"; +import iconButton from "./iconButton.svg"; export const Demos: React.FC = ({ text }) => { - const { card, card1 } = text; - console.log(text) + const { card, card1 } = text; + console.log(text); - return (
-

- {text.title} -

- -
- icon + return ( +
+

{text.title}

+
+
+ icon +
+
+ buildingImg +
+
+

{card.title}

+

{card.subTitle}

-
+ + +
+ icon +
+
- - ) - -} \ No newline at end of file + ); +}; diff --git a/src/styles/styles.css b/src/styles/styles.css index dca5fc7..a27f73d 100644 --- a/src/styles/styles.css +++ b/src/styles/styles.css @@ -27,10 +27,7 @@ } .main-block__content_slider { - width: 522px; margin: 0 auto; - padding-right: 110px; - box-sizing: border-box; } .main-block__caption_l { font-style: normal; @@ -252,16 +249,6 @@ - .main-block__content_slider { - width: 610px; - - } - - .main-block__container_slider { - width: 100%; - - } - .main-block__title { font-size: 76px; @@ -304,7 +291,7 @@ } .main-block__caption_small { - width: 500px; + width: 576px; } .main-block__button {