mirror of
https://github.com/irislib/iris-messenger.git
synced 2024-10-19 06:33:32 +00:00
nft gallery always 3 cols, mobile 1px gap
This commit is contained in:
parent
92f188cf51
commit
6b751ad687
@ -27,10 +27,13 @@ import styled from 'styled-components';
|
|||||||
|
|
||||||
const ImageGrid = styled.div`
|
const ImageGrid = styled.div`
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
|
grid-template-columns: 1fr 1fr 1fr;
|
||||||
grid-gap: 10px;
|
grid-gap: 10px;
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
|
@media (max-width: 625px) {
|
||||||
|
grid-gap: 1px;
|
||||||
|
}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
// styled-component GalleryImage that has the menu (class="dropdown") in the top right corner
|
// styled-component GalleryImage that has the menu (class="dropdown") in the top right corner
|
||||||
|
Loading…
Reference in New Issue
Block a user