1
0
Fork 0
mirror of https://github.com/sussy-code/smov.git synced 2024-12-22 14:57:40 +01:00
smov/src/components/Card.css

27 lines
480 B
CSS
Raw Normal View History

2021-07-14 00:31:37 +02:00
.card {
2021-07-15 00:09:42 +02:00
background-color: var(--card);
2021-07-14 00:31:37 +02:00
padding: 3rem 4rem;
margin: 0 3rem;
2021-10-26 14:16:55 +02:00
margin-bottom: 6rem;
2021-07-14 00:31:37 +02:00
border-radius: 10px;
box-sizing: border-box;
2021-07-14 00:57:31 +02:00
transition: height 500ms ease-in-out;
2021-07-14 00:31:37 +02:00
}
2021-07-14 00:57:31 +02:00
.card-wrapper.full {
width: 81rem;
2021-07-14 00:31:37 +02:00
}
.card-wrapper {
transition: height 500ms ease-in-out;
2021-07-14 00:57:31 +02:00
width: 45rem;
max-width: 100%;
2021-07-14 00:31:37 +02:00
}
2021-07-14 00:57:31 +02:00
@media screen and (max-width: 700px) {
.card {
margin: 0;
2021-10-26 14:16:55 +02:00
margin-bottom: 6rem;
2021-07-14 00:57:31 +02:00
padding: 3rem 2rem;
}
2021-07-14 00:31:37 +02:00
}