mirrors/movie-web
1
0
Fork 0
mirror of https://github.com/movie-web/movie-web.git synced 2024-12-29 16:06:07 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add bottom margin to card

Browse source
This commit is contained in:
William Oldham 2021-10-26 13:16:55 +01:00
parent 17ab39c7d1
commit 0f83a74a94
1 changed files with 2 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
src/components/Card.css
View file

@ -2,6 +2,7 @@
background-color: var(--card);
padding: 3rem 4rem;
margin: 0 3rem;
margin-bottom: 6rem;
border-radius: 10px;
box-sizing: border-box;
transition: height 500ms ease-in-out;
@ -13,7 +14,6 @@
.card-wrapper {
transition: height 500ms ease-in-out;
overflow: hidden;
width: 45rem;
max-width: 100%;
}
@ -21,6 +21,7 @@
@media screen and (max-width: 700px) {
.card {
margin: 0;
margin-bottom: 6rem;
padding: 3rem 2rem;
}
}