enh: [#126] Avoiding empty spaces when there are highlighted news

annabranco · Apr 8, 2021 · 41b2fe0 · 41b2fe0
1 parent d7b4174
commit 41b2fe0
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 7 deletions.
diff --git a/packages/nnk/src/components/controllers/News/styles.js b/packages/nnk/src/components/controllers/News/styles.js
@@ -1,6 +1,4 @@
-import { css, styled } from 'frontity';
-import { sizeMedium } from '../../../setup/themes';
-import Link from '../../core/Link';
+import { styled } from 'frontity';
 
 export const NewsSection = styled.section`
   display: flex;
@@ -30,7 +28,7 @@ export const NewsWrapper = styled.div`
 
   @media all and (min-width: 768px) {
     display: grid;
-
+    grid-auto-flow: dense;
     grid-template-columns: repeat(3, 1fr);
     padding: 24px;
     grid-gap: 10px;

diff --git a/packages/nnk/src/components/views/NewsItem/styles.js b/packages/nnk/src/components/views/NewsItem/styles.js
@@ -6,9 +6,7 @@ import {
   sizeDefaultText,
   fontTitleNews,
   fontTitle,
-  sizeSmallestTitle,
-  sizeLarge,
-  sizeMediumTitle
+  sizeLarge
 } from '../../../setup/themes';
 import Link from '../../core/Link';