DmitriyB/streaming-landing1
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

fixed block size

Browse Source
This commit is contained in:
VyacheslavShtyrlin
2022-12-22 16:21:51 +05:00
parent 416cd193cd
commit 00509dcbba
2 changed files with 58 additions and 64 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/demos/demos.tsx
+57 -50
View File
@@ -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<any> = ({ text }) => {
const { card, card1 } = text;
console.log(text)
const { card, card1 } = text;
console.log(text);
return (<div className=" demo__container_mobile main-block__container width demo__container">
<h3 className='demos__tittle'>
{text.title}
</h3>
<a href='https://stream.graff.tech/' target='_blank' rel="noreferrer" data-aos="fade-up"
data-aos-delay="100" className='demos_container'>
<div className="main-block__icon_container demo__icon">
<img alt='icon' src={iconButton} className="main-block__icon"></img>
return (
<div className=" demo__container_mobile main-block__container width demo__container">
<h3 className="demos__tittle">{text.title}</h3>
<a
href="https://stream.graff.tech/"
target="_blank"
rel="noreferrer"
data-aos="fade-up"
data-aos-delay="100"
className="demos_container"
>
<div className="main-block__icon_container demo__icon">
<img alt="icon" src={iconButton} className="main-block__icon"></img>
</div>
<div className="demo">
<img alt="buildingImg" src={building1} className="demo_image"></img>
<div className="demo_info">
<div className="title__block">
<h4 className="title__demo">{card.title}</h4>
<p className="caption">{card.subTitle}</p>
</div>
<div className='demo'>
<img alt='buildingImg' src={building1} className='demo_image'></img>
<div className='demo_info'>
<div className='title__block'>
<h4 className='title__demo'>{card.title}</h4>
<p className='caption'>{card.subTitle}</p>
</div>
<div className='body__block'>
<p className='caption1'>{card.caption}</p>
<p className='caption2'>{card.caption1}</p>
</div>
</div>
<div className="body__block">
<p className="caption1">{card.caption}</p>
<p className="caption2">{card.caption1}</p>
</div>
</a>
<a href='http://5.141.82.116:9888' target='_blank' rel="noreferrer" data-aos="fade-up"
data-aos-delay="150" className='demos_container'>
<div className="main-block__icon_container demo__icon">
<img alt='icon' src={iconButton} className="main-block__icon"></img>
</div>
</div>
</a>
<a
href="https://stream.graff.tech/"
target="_blank"
rel="noreferrer"
data-aos="fade-up"
data-aos-delay="150"
className="demos_container"
>
<div className="main-block__icon_container demo__icon">
<img alt="icon" src={iconButton} className="main-block__icon"></img>
</div>
<div className="demo">
<img alt="buildingImg" src={building2} className="demo_image"></img>
<div className="demo_info">
<div className="title__block">
<h4 className="title__demo">{card1.title}</h4>
<p className="caption">{card1.subTitle}</p>
</div>
<div className='demo'>
<img alt='buildingImg' src={building2} className='demo_image'></img>
<div className='demo_info'>
<div className='title__block'>
<h4 className='title__demo'>{card1.title}</h4>
<p className='caption'>{card1.subTitle}</p>
</div>
<div className='body__block'>
<p className='caption1'>{card1.caption}</p>
<p className='caption2'>{card1.caption1}</p>
</div>
</div>
<div className="body__block">
<p className="caption1">{card1.caption}</p>
<p className="caption2">{card1.caption1}</p>
</div>
</a>
</div>
</div>
</a>
</div>
)
}
);
};
src/styles/styles.css
+1 -14
View File
@@ -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 {