SD-Cards Test Page
==================

This page tests sd-card components for mobile responsiveness.

Basic 2-Column Grid
-------------------

.. grid:: 2

    .. grid-item-card:: :octicon:`file-code;1em`
       Learn the Basics
       :link: https://pytorch.org/tutorials/beginner/basics/intro.html
       :link-type: url

       A step-by-step interactive series for those just starting out
       with PyTorch.
       +++
       :octicon:`code;1em` Code

    .. grid-item-card:: :octicon:`file-code;1em`
       Introduction to PyTorch - YouTube Series
       :link: https://pytorch.org/tutorials/beginner/introyt/introyt_index.html
       :link-type: url

       Learn the fundamentals of PyTorch through our video series,
       perfect for those who prefer learning from videos.
       +++
       :octicon:`code;1em` Code :octicon:`square-fill;1em` :octicon:`video;1em` Video

Single Card in Grid
-------------------

.. grid:: 2

    .. grid-item-card:: :octicon:`file-code;1em`
       Learning PyTorch
       :link: https://pytorch.org/tutorials/beginner/deep_learning_60min_blitz.html
       :link-type: url

       Quickly grasp the basics of PyTorch with these bite-sized
       foundational recipes.
       +++
       :octicon:`code;1em` Code

What You Will Learn / Prerequisites Cards
-----------------------------------------

These are the cards that appear at the top of tutorials (similar to the mobile screenshot):

.. grid:: 2

   .. grid-item-card:: :octicon:`mortar-board;1em;` What you will learn
      :class-card: card-prerequisites

      * Fundamentals of embeddings and their role in recommendation systems
      * How to implement embeddings with PyTorch and TorchRec
      * Handling large embedding tables through distributed training
      * Advanced optimizations for embedding-based models

   .. grid-item-card:: :octicon:`list-unordered;1em;` Prerequisites
      :class-card: card-prerequisites

      * PyTorch v2.5 or later with CUDA 11.8 or later
      * Python 3.9 or later
      * `FBGEMM <https://github.com/pytorch/FBGEMM>`__
      * Basic understanding of neural networks

3-Column Grid Test
------------------

.. grid:: 3

    .. grid-item-card:: Card 1
       :class-card: card-prerequisites

       Content for the first card in a 3-column layout.

    .. grid-item-card:: Card 2
       :class-card: card-prerequisites

       Content for the second card in a 3-column layout.

    .. grid-item-card:: Card 3
       :class-card: card-prerequisites

       Content for the third card in a 3-column layout.

4-Column Grid Test
------------------

.. grid:: 4

    .. grid-item-card:: Item A

       Short content.

    .. grid-item-card:: Item B

       Short content.

    .. grid-item-card:: Item C

       Short content.

    .. grid-item-card:: Item D

       Short content.