diff --git a/cern_display_formats.module b/cern_display_formats.module
index 06102e960ee65aaef93891881c51412c9c2cc001..0e6734d7d323dbe44c59b1456068b2d2e3e6e589 100755
--- a/cern_display_formats.module
+++ b/cern_display_formats.module
@@ -53,5 +53,7 @@ function cern_display_formats_views_post_render(ViewExecutable $view, &$output,
 		$view->display_handler->setOption('css_class', 'vertical-boxes');
 	} elseif ($view->display_handler->view->style_plugin->getPluginId() == "accordion") {
 		$view->display_handler->setOption('css_class', 'accordion-cern');
+	} elseif ($view->display_handler->view->style_plugin->getPluginId() == "card_grid") {
+		$view->display_handler->setOption('css_class', 'cern-view-display-page cern-view-display-resources');
 	}
 }
\ No newline at end of file
diff --git a/src/Plugin/views/style/CardGrid.php b/src/Plugin/views/style/CardGrid.php
new file mode 100644
index 0000000000000000000000000000000000000000..9a0580a400a5a638e6fe742f24451f11d12e2f4f
--- /dev/null
+++ b/src/Plugin/views/style/CardGrid.php
@@ -0,0 +1,38 @@
+<?php
+
+
+namespace Drupal\cern_display_formats\Plugin\views\style;
+
+use Drupal\core\form\FormStateInterface;
+use Drupal\views\Plugin\views\style\DefaultStyle;
+
+/**
+ * Style plugin rendering as Card Grid
+ *
+ * @ingroup views_style_plugins
+ *
+ * @ViewsStyle(
+ *   id = "card_grid",
+ *   title = @Translation("Card Grid"),
+ *   help = @Translation("Displays content as a Card Grid"),
+ *   theme = "views_view_unformatted",
+ *   display_types = {"normal"}
+ * )
+ */
+class CardGrid extends DefaultStyle {
+
+	protected $usesRowPlugin = true;
+
+	/**
+	 * Does the style plugin support custom css class for the rows.
+	 *
+	 * @var bool
+	 */
+	protected $usesRowClass = false;
+
+	protected $usesoptions = true;
+
+	protected $renderFields = true;
+
+
+}
\ No newline at end of file