diff --git a/src/css/doc.css b/src/css/doc.css
index 1bfcceb..cc76300 100644
--- a/src/css/doc.css
+++ b/src/css/doc.css
@@ -220,7 +220,6 @@ h1.page + aside.toc.embedded {
 }
 
 .doc table.home-card td {
-  border-radius: 1.5rem;
   box-shadow: 0 2px 20px 0 rgb(0 0 0 / 20%);
 }
 
@@ -230,6 +229,38 @@ h1.page + aside.toc.embedded {
   }
 }
 
+/* Tableblock responsive code */
+
+@media screen and (max-width: 767px) {
+  .doc table.home-card {
+    display: block;
+  }
+}
+
+@media screen and (max-width: 767px) {
+  .doc table.home-card col:nth-child(0),
+  .doc table.home-card col:nth-child(1),
+  .doc table.home-card col:nth-child(2),
+  .doc table.home-card col:nth-child(3) {
+    display: none;
+  }
+}
+
+@media screen and (max-width: 767px) {
+  .doc table.home-card tr {
+    display: block;
+  }
+}
+
+@media screen and (max-width: 767px) {
+  .doc table.home-card td {
+    display: block;
+    margin-bottom: 15px;
+  }
+}
+
+/* Tableblock responsive code */
+
 .doc table.tableblock + * {
   margin-top: 1.5rem;
 }
@@ -238,10 +269,10 @@ h1.page + aside.toc.embedded {
   margin-top: 0;
 }
 
+/* removed max-width: 150px; */
 .doc table.tableblock th,
 .doc table.tableblock td {
   padding: 0.5rem;
-  max-width: 150px;
   word-wrap: break-word;
 }
 
@@ -388,13 +419,13 @@ h1.page + aside.toc.embedded {
   text-align: center;
 }
 
+/* box-shadow: 0 8px 16px 0 rgb(14 30 37 / 12%);  remove image shadow */
 .doc .imageblock img,
 .doc .image > img {
   display: inline-block;
   height: auto;
   max-width: 100%;
   vertical-align: middle;
-  box-shadow: 0 8px 16px 0 rgb(14 30 37 / 12%);
   border-radius: 0.5rem;
 }