Adjusted filter margin on mobile / tablet
This commit is contained in:
committed by
fabioberger
parent
1a5736a498
commit
027ab98a3e
@@ -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">
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
`;
|
||||
|
||||
Reference in New Issue
Block a user