diff options
| author | Wes Bos <wesbos@gmail.com> | 2018-05-25 14:06:53 -0400 |
|---|---|---|
| committer | Wes Bos <wesbos@gmail.com> | 2018-05-25 14:06:53 -0400 |
| commit | 22635ea05dab85a71fa93dbb98f93da7670ef899 (patch) | |
| tree | b9e974dee484634d0401a9149c9a68f5537553db /frontend/components/styles/ItemStyles.js | |
| parent | 549cfa77c9fec0936c3a8d87a49b69401cbfbd7a (diff) | |
Delete and Add refetch refinements
Diffstat (limited to 'frontend/components/styles/ItemStyles.js')
| -rw-r--r-- | frontend/components/styles/ItemStyles.js | 12 |
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; |
