Adjusted filter margin on mobile / tablet

This commit is contained in:
Piotr Janosz
2019-07-24 17:17:14 +02:00
committed by fabioberger
parent 1a5736a498
commit 027ab98a3e
2 changed files with 12 additions and 2 deletions

View File

@@ -24,8 +24,6 @@ export interface IResourceProps {
export const Resource: React.FC<IHitProps> = ({ hit }) => {
const { title, difficulty, description, isCommunity, tags, url } = hit;
console.log('hit', hit);
return (
<ResourceWrapper>
<Heading color={colors.brandDark} size="small" marginBottom="8px">

View File

@@ -35,4 +35,16 @@ export const FiltersGroup = connectRefinementList(FiltersList);
const FiltersGroupWrapper = styled.div`
margin-bottom: 2.22em;
@media (max-width: 900px) {
margin-bottom: 30px;
&:last-of-type {
margin-bottom: 0;
label:last-of-type {
margin-bottom: 0;
}
}
}
`;