add styling for preview page

ucla · Sep 9, 2022 · d8f4cb5 · d8f4cb5
1 parent 32f52ec
commit d8f4cb5
Show file tree

Hide file tree

Showing 4 changed files with 35 additions and 2 deletions.
diff --git a/build/style-index.css b/build/style-index.css
diff --git a/build/style-index.css.map b/build/style-index.css.map
diff --git a/src/gallery-block/index.php b/src/gallery-block/index.php
@@ -65,7 +65,7 @@ function render_block_core_gallery_block( $attributes ) {
 			esc_url( $post_link ),
 			$featured_image
 		);
-		$gallery_markup .= '<div class="basic-card__info-wrapper"><h3 class="basic-card__title mb-0"><span>';
+		$gallery_markup .= '<div class="basic-card__info-wrapper"><h3 class="basic-card__title"><span>';
 		$gallery_markup .= sprintf(
 			'<a href="%1$s">%2$s</a>',
 			esc_url( $post_link ),

diff --git a/src/gallery-block/style.scss b/src/gallery-block/style.scss
@@ -0,0 +1,18 @@
+.gallery-container {
+    display: flex;
+    flex-direction: column;
+    .basic-card {
+        &__title{
+            margin: 0 0 1rem;
+            a {
+                text-decoration: none;
+            } 
+        }
+    }
+}
+
+@media (min-width: 768px) {
+	.gallery-container {
+		flex-direction: row;
+	}
+}