CyberBloom/OgeetoCaseCyberGarden
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

eee

Browse Source
This commit is contained in:
Demi-Play
2023-12-22 22:12:17 +03:00
parent f508d170e0
commit 3fa127445c
4 changed files with 52 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
src/components/Home/Home.jsx
View File

@ -11,10 +11,37 @@ const Taged = styled.div({
const Home = () => {
return (
<div>
<div className='wrapp'>
{/* <Header></Header> */}
<div className='event_card'>
<div className="event-card__photo"></div>
<div className="event-card__photo" />
<div className="taggs">
<div className='tagged'>Психология</div>
<div className="feautures">Предстоящее</div>
</div>
<h4 className="event-card__title">Интерактивная лекция «Управление инжиниринговыми проектами на базе вуза»</h4>
<p className="event-card__date">22 декабря, с 10:00 до 22:00 по Московскому времени</p>
</div>
<div className='event_card'>
<div className="event-card__photo" />
<div className="taggs">
<div className='tagged'>Психология</div>
<div className="feautures">Предстоящее</div>
</div>
<h4 className="event-card__title">Интерактивная лекция «Управление инжиниринговыми проектами на базе вуза»</h4>
<p className="event-card__date">22 декабря, с 10:00 до 22:00 по Московскому времени</p>
</div>
<div className='event_card'>
<div className="event-card__photo" />
<div className="taggs">
<div className='tagged'>Психология</div>
<div className="feautures">Предстоящее</div>
</div>
<h4 className="event-card__title">Интерактивная лекция «Управление инжиниринговыми проектами на базе вуза»</h4>
<p className="event-card__date">22 декабря, с 10:00 до 22:00 по Московскому времени</p>
</div>
<div className='event_card'>
<div className="event-card__photo" />
<div className="taggs">
<div className='tagged'>Психология</div>
<div className="feautures">Предстоящее</div>

27
src/components/Home/style.css
View File

@ -1,7 +1,15 @@
.event_card {
width: 342px;
height: 626px;
flex-shrink: 0;
width: 292px;
height: 626px;
flex-shrink: 0;
margin-top: 100px;
margin-right: 31px;
}
.wrapp {
display: flex;
justify-content: flex-start;
/* max-width: 1521px; */
}
:root {
@ -19,11 +27,12 @@ font-weight: 400;
line-height: normal;
}
.event-card_photo {
width: 342px;
height: 340px;
flex-shrink: 0;
.event-card__photo {
width: 292px;
height: 340px;
flex-shrink: 0;
background: #D9D9D9;
margin-bottom: 26px;
}
.event-card_title {
@ -41,12 +50,14 @@ display: flex;
justify-content: center;
font-family: Montserrat;
align-items: center;
font-size: 14px;
font-size: 8px;
font-style: normal;
font-weight: 400;
line-height: normal;
border-radius: 10px;
background: #E7FFD2;
height: 15px;
padding: 10px;
}
.tagged {