movie-web/movie-web
1
1
Fork 0
mirror of https://github.com/movie-web/movie-web.git synced 2025-09-13 18:13:24 +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
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); background-color: var(--card);
padding: 3rem 4rem; padding: 3rem 4rem;
margin: 0 3rem; margin: 0 3rem;
margin-bottom: 6rem;
border-radius: 10px; border-radius: 10px;
box-sizing: border-box; box-sizing: border-box;
transition: height 500ms ease-in-out; transition: height 500ms ease-in-out;
@@ -13,7 +14,6 @@
.card-wrapper { .card-wrapper {
transition: height 500ms ease-in-out; transition: height 500ms ease-in-out;
overflow: hidden;
width: 45rem; width: 45rem;
max-width: 100%; max-width: 100%;
} }
@@ -21,6 +21,7 @@
@media screen and (max-width: 700px) { @media screen and (max-width: 700px) {
.card { .card {
margin: 0; margin: 0;
margin-bottom: 6rem;
padding: 3rem 2rem; padding: 3rem 2rem;
} }
} }