summaryrefslogtreecommitdiffstats
path: root/frontend/components/styles/ItemStyles.js
diff options
context:
space:
mode:
Diffstat (limited to 'frontend/components/styles/ItemStyles.js')
-rw-r--r--frontend/components/styles/ItemStyles.js12
1 files changed, 6 insertions, 6 deletions
diff --git a/frontend/components/styles/ItemStyles.js b/frontend/components/styles/ItemStyles.js
index 8ae0836..b117d5f 100644
--- a/frontend/components/styles/ItemStyles.js
+++ b/frontend/components/styles/ItemStyles.js
@@ -5,28 +5,28 @@ const Item = styled.div`
border: 1px solid ${props => props.theme.offWhite};
box-shadow: ${props => props.theme.bs};
position: relative;
- display: grid;
- align-content: start;
- grid-auto-rows: fit-content;
+ display: flex;
+ flex-direction: column;
img {
width: 100%;
height: 400px;
object-fit: cover;
}
p {
- font-size: 14px;
+ font-size: 12px;
line-height: 2;
- font-weight: 600;
+ font-weight: 300;
+ flex-grow: 1;
padding: 0 3rem;
font-size: 1.5rem;
}
.buttonList {
display: grid;
+ width: 100%;
border-top: 1px solid ${props => props.theme.lightgrey};
grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
grid-gap: 1px;
background: ${props => props.theme.lightgrey};
- align-self: end;
& > * {
background: white;
border: 0;