diff --git a/galleries/users_explain/animations/README.txt b/galleries/users_explain/animations/README.txt
index a7d37a0242e6..f27c9d60575e 100644
--- a/galleries/users_explain/animations/README.txt
+++ b/galleries/users_explain/animations/README.txt
@@ -7,3 +7,9 @@ generate animations using the `~matplotlib.animation` module. An
 animation is a sequence of frames where each frame corresponds to a plot on a
 `~matplotlib.figure.Figure`. This tutorial covers a general guideline on
 how to create such animations and the different options available.
+
+.. toctree::
+    :maxdepth: 1
+
+    animations
+    blitting
diff --git a/galleries/users_explain/colors/README.txt b/galleries/users_explain/colors/README.txt
index 79f49c523f56..47937235de36 100644
--- a/galleries/users_explain/colors/README.txt
+++ b/galleries/users_explain/colors/README.txt
@@ -11,3 +11,12 @@ these colormaps look, how you can create your own, and how you can
 customize colormaps for your use case.
 
 For even more information see the :ref:`examples page <color_examples>`.
+
+.. toctree::
+    :maxdepth: 1
+
+    colors
+    colorbar_only
+    colormap-manipulation
+    colormapnorms
+    colormaps
diff --git a/galleries/users_explain/index.rst b/galleries/users_explain/index.rst
index fce933fee4e2..fc91748377f0 100644
--- a/galleries/users_explain/index.rst
+++ b/galleries/users_explain/index.rst
@@ -3,21 +3,87 @@
 
 .. redirect-from:: /users/explain
 
-
-
 Using Matplotlib
 ----------------
 
-.. toctree::
-    :maxdepth: 1
-
-    quick_start
-    figure/index
-    axes/index
-    artists/index
-    customizing
-    axis/index
-    colors/index
-    text/index
-    animations/index
-    toolkits/index
+.. grid:: 1 1 2 2
+
+    .. grid-item-card::
+        :padding: 2
+
+        .. toctree::
+            :maxdepth: 2
+
+            quick_start
+
+    .. grid-item-card::
+        :padding: 2
+
+        .. toctree::
+            :maxdepth: 2
+
+            figure/index
+
+    .. grid-item-card::
+        :padding: 2
+
+        .. toctree::
+            :maxdepth: 2
+
+            axes/index
+
+    .. grid-item-card::
+        :padding: 2
+
+        .. toctree::
+            :maxdepth: 2
+
+            artists/index
+
+    .. grid-item-card::
+        :padding: 2
+
+        .. toctree::
+            :maxdepth: 2
+
+            customizing
+
+    .. grid-item-card::
+        :padding: 2
+
+        .. toctree::
+            :maxdepth: 2
+
+            axis/index
+
+    .. grid-item-card::
+        :padding: 2
+
+        .. toctree::
+            :maxdepth: 2
+
+            colors/index
+
+    .. grid-item-card::
+        :padding: 2
+
+        .. toctree::
+            :maxdepth: 2
+
+            text/index
+
+    .. grid-item-card::
+        :padding: 2
+
+        .. toctree::
+            :maxdepth: 2
+
+            animations/index
+
+    .. grid-item-card::
+        :padding: 2
+
+        .. toctree::
+            :maxdepth: 2
+
+            toolkits/index
diff --git a/galleries/users_explain/text/README.txt b/galleries/users_explain/text/README.txt
index 9046e991c924..0de164732776 100644
--- a/galleries/users_explain/text/README.txt
+++ b/galleries/users_explain/text/README.txt
@@ -12,3 +12,14 @@ rotations, and Unicode support. These tutorials cover
 the basics of working with text in Matplotlib.
 
 For even more information see the :ref:`examples page <text_labels_and_annotations>`.
+
+.. toctree::
+    :maxdepth: 1
+
+    text_intro
+    text_props
+    annotations
+    fonts
+    mathtext
+    pgf
+    usetex