From 2e73fac023d5ece53b357596e1bae1cf445ea750 Mon Sep 17 00:00:00 2001
From: rakeshAlgo <rakesh.algoworks.com>
Date: Tue, 30 Jun 2020 14:23:32 +0530
Subject: [PATCH] set max width for images and increase article banner icon
 font size

---
 src/css/doc.css  | 2 ++
 src/css/main.css | 2 +-
 src/css/vars.css | 5 +++++
 3 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/css/doc.css b/src/css/doc.css
index ccfe4825..a63ce91d 100644
--- a/src/css/doc.css
+++ b/src/css/doc.css
@@ -385,6 +385,8 @@ ul ul ul {
   /* padding-left: var(--base-space); */
   box-shadow: 0 3px 10px rgba(0, 0, 0, 0.06);
   border-radius: 5px;
+  align-items: center;
+  max-width: var(--image-block-container);
 }
 
 .doc .imageblock img {
diff --git a/src/css/main.css b/src/css/main.css
index 1b5bff8f..7f195077 100644
--- a/src/css/main.css
+++ b/src/css/main.css
@@ -64,7 +64,7 @@ main p {
   color: var(--color-brand-blue-secondary);
 }
 
-.article-banner p .fab {
+.article-banner p svg {
   margin-right: 10px;
   font-size: var(--heading-h3);
 }
diff --git a/src/css/vars.css b/src/css/vars.css
index 3145bbd0..6716aa93 100644
--- a/src/css/vars.css
+++ b/src/css/vars.css
@@ -132,4 +132,9 @@
   --heading-h2-sm: 1.75rem; /* ~28px */
   --heading-h3-sm: 1.25rem; /* ~20px */
   --heading-h4-sm: 0.875rem; /* ~14px */
+
+  /* --image-block-max width */
+
+  --image-block-container: 64rem; /* ~ 1024px  */
+
 }