docs: cards layout for the landing page

doc/changelog.d/3414.documentation.md

@@ -0,0 +1 @@
+docs: cards layout for the landing page

doc/source/index.rst

@@ -40,81 +40,74 @@
 
 .. vale on
 
-.. grid:: 3
-
-    .. grid-item::
-        .. card:: :fa:`newspaper` Know what is PyMAPDL
-            :link: ref_project_page
-            :link-type: ref
-
-            Check our project page :ref:`ref_project_page`
-            where a quick project overview can be found.
-            Learn what this project is about!
-
-    .. grid-item::
-        .. card:: :fa:`book` Learn how to use PyMAPDL
-            :link: ref_learning
-            :link-type: ref
-
-            Check our :ref:`ref_learning` section.
-            It is recommended you follow the
-            :ref:`ref_pymapdl_course` course.
-
-    .. grid-item::
-        .. card:: :fa:`terminal` Learn how to get started
-            :link: ref_getting_started
-            :link-type: ref
-
-            Check our :ref:`ref_getting_started` section to learn to
-            :ref:`ref_using_standard_install`, :ref:`ref_pymapdl_installation`,
-            and :ref:`ref_launch_pymapdl`.
-
-    .. grid-item::
-        .. card:: :fa:`gears` See some PyMAPDL usage examples
-            :link: ref_examples
-            :link-type: ref
-
-            In our :ref:`ref_examples` section, you
-            can find a great collection of PyMAPDL
-            user cases.
-
-    .. grid-item::
-        .. card:: :fa:`book-open-reader` Use the different library modules
-            :link: ref_user_guide
-            :link-type: ref
-
-            Check our :ref:`ref_user_guide` chapter.
-            Don't miss the right side bar with the table content.
+.. grid:: 2 2 3 3
+    :gutter: 1 2 3 3
+    :padding: 1 2 3 3
+
+    .. grid-item-card:: :fa:`newspaper` Know what is PyMAPDL
+        :link: ref_project_page
+        :link-type: ref
+
+        Check our project page :ref:`ref_project_page`
+        where a quick project overview can be found.
+        Learn what this project is about!
+
+    .. grid-item-card:: :fa:`book` Learn how to use PyMAPDL
+        :link: ref_learning
+        :link-type: ref
+
+        Check our :ref:`ref_learning` section.
+        It is recommended you follow the
+        :ref:`ref_pymapdl_course` course.
+
+    .. grid-item-card:: :fa:`terminal` Learn how to get started
+        :link: ref_getting_started
+        :link-type: ref
+
+        Check our :ref:`ref_getting_started` section to learn to
+        :ref:`ref_using_standard_install`, :ref:`ref_pymapdl_installation`,
+        and :ref:`ref_launch_pymapdl`.
+
+    .. grid-item-card:: :fa:`gears` See some PyMAPDL usage examples
+        :link: ref_examples
+        :link-type: ref
+
+        In our :ref:`ref_examples` section, you
+        can find a great collection of PyMAPDL
+        user cases.
+
+    .. grid-item-card:: :fa:`book-open-reader` Use the different library modules
+        :link: ref_user_guide
+        :link-type: ref
+
+        Check our :ref:`ref_user_guide` chapter.
+        Don't miss the right side bar with the table content.
 
-    .. grid-item::
-        .. card:: :fa:`question` Help with PyMAPDL
-            :link: ref_troubleshooting
-            :link-type: ref
-
-            Check our :ref:`ref_troubleshooting` section.
-            Additionally, there are some helpful
-            resources in :ref:`faq`.
-
-    .. grid-item::
-        .. card:: :fa:`users` Contribute to PyMAPDL project
-            :link: ref_contributing
-            :link-type: ref
-
-            Great!! Check our :ref:`ref_contributing`
-            section to start contribute.
-
-    .. grid-item::
-        .. card:: :fa:`user-pen` Document or create an example for PyMAPDL
-            :link: write_documentation
-            :link-type: ref
-
-            Check our :ref:`write_documentation` section.
-
-    .. grid-item::
-        .. card:: :fa:`keyboard` Develop PyMAPDL
-            :link: developing_pymapdl
-            :link-type: ref
-
-            Check our :ref:`developing_pymapdl` section
-            to get guidance about setting
-            the project for development.
+    .. grid-item-card:: :fa:`question` Help with PyMAPDL
+        :link: ref_troubleshooting
+        :link-type: ref
+
+        Check our :ref:`ref_troubleshooting` section.
+        Additionally, there are some helpful
+        resources in :ref:`faq`.
+
+    .. grid-item-card:: :fa:`users` Contribute to PyMAPDL project
+        :link: ref_contributing
+        :link-type: ref
+
+        Great!! Check our :ref:`ref_contributing`
+        section to start contribute.
+
+    .. grid-item-card:: :fa:`user-pen` Document or create an example for PyMAPDL
+        :link: write_documentation
+        :link-type: ref
+
+        Check our :ref:`write_documentation` section.
+
+    .. grid-item-card:: :fa:`keyboard` Develop PyMAPDL
+        :link: developing_pymapdl
+        :link-type: ref
+
+        Check our :ref:`developing_pymapdl` section
+        to get guidance about setting
+        the project for development.