cleaned up things a little

src/components/blog/BlogCard/styles.module.css

@@ -50,15 +50,15 @@
   color: var(--dev-secondary-text);
   background-color: var(--dev-tag-highlight);
   padding: 0px 8px;
+  margin-left: 5px;
+  margin-top: 5px;
 }
 
 .tags {
   margin: 0px;
-  width: 230px;
+  width: 100%;
-
+  display: flex;
-  display: grid;
+  flex-wrap: wrap;
-  grid-template-columns: max-content max-content max-content;
-  grid-gap: 10px;
 }
 
 

src/components/blog/BlogCards/index.js

@@ -10,7 +10,6 @@ export default function BlogCards({
 
   const getPosts = async () => {
     const data = await getBlogPosts(filterCallback.join(','));
-    console.log(data.topics)
     const resultset = []
     if (data.topics) {
       for (const topic of data.topics) {
@@ -56,7 +55,6 @@ export default function BlogCards({
 
 async function getPostList(topic) {
   const fullTopic = await getTopic(topic.id);
-  console.log(fullTopic)
   return {
     name: fullTopic.details.created_by.name,
     excerpt: styleExcerpt(topic.excerpt),

src/components/blog/BlogSidebar/BlogSidebarButton/index.js

@@ -9,7 +9,6 @@ export default function BlogSidebarButton({
   const [isActive, setIsActive] = React.useState(false);
   const activeClass = isActive ? styles.tagSelected : ''
   function setFilters(e, f) {
-    console.log(e)
     filterCallback(f)
     setIsActive(current => !current);
   }

src/components/blog/BlogSidebar/index.js

@@ -15,7 +15,6 @@ export default function BlogSidebar({
 
   const getTagData = async () => {
     const data = await getTags();
-    console.log(data.extras.tag_groups)
     const tagTechnologyResultset = []
     const tagProductResultset = []
     for (const tagGroup of data.extras.tag_groups) {
@@ -57,7 +56,7 @@ export default function BlogSidebar({
         <div className={styles.tagHeader}>Posts by Identity Governance</div>
         <div className={styles.tagContainer}>
             {tagTechnologyData.map(function(a, index){
-              return <div className={index > 10 && filterTags ? styles.hidden : ''} > <BlogSidebarButton key={a} text={a} filterCallback={filterCallback}></BlogSidebarButton></div>
+              return <div key={'div' + a} className={index > 10 && filterTags ? styles.hidden : ''} > <BlogSidebarButton key={a} text={a} filterCallback={filterCallback}></BlogSidebarButton></div>
             })}
         </div>
         <div className={styles.seeAll} onClick={(e) => toggleSeeAll()}>

src/components/blog/BlogSidebar/styles.module.css

@@ -38,15 +38,3 @@
   background-color: var(--dev-text-color-normal);
   color: var(--dev-card-background);
 }
-
-.caretDown {
-  margin-left: 5px;
-  height: 26px;
-  width: 26px;
-  top: 6px;
-  position: relative;
-}
-
-.caretDown:hover {
-
-}

src/components/homepage/DiscussCard/index.js

@@ -64,7 +64,7 @@ export default function DiscussCard({
             if (index > 2) {
               return '';
             }
-            return <div className={styles.tag}>{tag}</div>;
+            return <div key={tag} className={styles.tag}>{tag}</div>;
           })}
         </div>
       </div>

src/pages/blog.js

@@ -15,7 +15,6 @@ export default function Blog() {
   const {siteConfig} = useDocusaurusContext();
 
   const handleClick = (data) => {
-    console.log(data)
     var tempFilter = filteredProduct.slice()
 
     const index = tempFilter.indexOf(data);

src/pages/blog.module.css

@@ -6,6 +6,12 @@
     flex: 5%;
 }
 
+@media only screen and (max-width: 870px) {
+    .blogSidbarContainer {
+      display: none;
+    }
+}
+
 .blogCardContainer {
     flex: 95%;
 }