From 56f7717f7ce6a51807034c5f3880135d592d083f Mon Sep 17 00:00:00 2001
From: sergiopaniego <sergiopaniegoblanco@gmail.com>
Date: Thu, 4 Dec 2025 18:24:57 +0100
Subject: [PATCH 1/2] Add cards

---
 docs/source/index.md | 23 +++++++++++++++++++++++
 1 file changed, 23 insertions(+)

diff --git a/docs/source/index.md b/docs/source/index.md
index 7088d42f3f..86469210be 100644
--- a/docs/source/index.md
+++ b/docs/source/index.md
@@ -7,6 +7,29 @@
 TRL is a full stack library where we provide a set of tools to train transformer language models with methods like Supervised Fine-Tuning (SFT), Group Relative Policy Optimization (GRPO), Direct Preference Optimization (DPO), Reward Modeling, and more.
 The library is integrated with 🤗 [transformers](https://github.com/huggingface/transformers).
 
+<div class="mt-10">
+  <div class="w-full flex flex-col space-y-4 md:space-y-0 md:grid md:grid-cols-2 md:gap-y-4 md:gap-x-5">
+    <a class="!no-underline border dark:border-gray-700 p-5 rounded-lg shadow hover:shadow-lg" href="https://colab.research.google.com/github/huggingface/trl/blob/main/examples/notebooks/sft_ministral3_vl.ipynb">
+      <img src="https://pbs.twimg.com/media/G7QgGdCXgAAesMG?format=jpg&name=small" alt="thumbnail" class="mt-0">
+      <p class="text-gray-700">Supervised Fine-Tuning (SFT) Ministral-3 with QLoRA</p>
+    </a>
+    <a class="!no-underline border dark:border-gray-700 p-5 rounded-lg shadow hover:shadow-lg" href="https://colab.research.google.com/github/huggingface/trl/blob/main/examples/notebooks/grpo_ministral3_vl.ipynb">
+      <img src="https://pbs.twimg.com/media/G7QgGdCXgAAesMG?format=jpg&name=small" alt="thumbnail" class="mt-0">
+      <p class="text-gray-700">GRPO Ministral-3 with QLoRA</p>
+    </a>
+  </div>
+  <div class="w-full flex flex-col space-y-4 md:space-y-0 md:grid md:grid-cols-2 md:gap-y-4 md:gap-x-5">
+    <a class="!no-underline border dark:border-gray-700 p-5 rounded-lg shadow hover:shadow-lg" href="https://huggingface.co/docs/trl/main/en/openenv">
+      <img src="https://pbs.twimg.com/media/G7QgGdCXgAAesMG?format=jpg&name=small" alt="thumbnail" class="mt-0">
+      <p class="text-gray-700">OpenEnv Integration Guide</p>
+    </a>
+    <a class="!no-underline border dark:border-gray-700 p-5 rounded-lg shadow hover:shadow-lg" href="https://colab.research.google.com/github/huggingface/trl/blob/main/examples/notebooks/openenv_wordle_grpo.ipynb">
+      <img src="https://pbs.twimg.com/media/G7QgGdCXgAAesMG?format=jpg&name=small" alt="thumbnail" class="mt-0">
+      <p class="text-gray-700">OpenEnv Wordle with GRPO</p>
+    </a>
+  </div>
+</div>
+
 ## 🎉 What's New
 
 **OpenEnv Integration:** TRL now supports **[OpenEnv](https://huggingface.co/blog/openenv)**, the open-source framework from Meta for defining, deploying, and interacting with environments in reinforcement learning and agentic workflows.

From e882751c6dceb63f633a587caa8ec526b0075a52 Mon Sep 17 00:00:00 2001
From: sergiopaniego <sergiopaniegoblanco@gmail.com>
Date: Thu, 4 Dec 2025 18:34:41 +0100
Subject: [PATCH 2/2] Remove divs

---
 docs/source/index.md | 8 ++------
 1 file changed, 2 insertions(+), 6 deletions(-)

diff --git a/docs/source/index.md b/docs/source/index.md
index 86469210be..7d88ebf591 100644
--- a/docs/source/index.md
+++ b/docs/source/index.md
@@ -8,7 +8,6 @@ TRL is a full stack library where we provide a set of tools to train transformer
 The library is integrated with 🤗 [transformers](https://github.com/huggingface/transformers).
 
 <div class="mt-10">
-  <div class="w-full flex flex-col space-y-4 md:space-y-0 md:grid md:grid-cols-2 md:gap-y-4 md:gap-x-5">
     <a class="!no-underline border dark:border-gray-700 p-5 rounded-lg shadow hover:shadow-lg" href="https://colab.research.google.com/github/huggingface/trl/blob/main/examples/notebooks/sft_ministral3_vl.ipynb">
       <img src="https://pbs.twimg.com/media/G7QgGdCXgAAesMG?format=jpg&name=small" alt="thumbnail" class="mt-0">
       <p class="text-gray-700">Supervised Fine-Tuning (SFT) Ministral-3 with QLoRA</p>
@@ -17,17 +16,14 @@ The library is integrated with 🤗 [transformers](https://github.com/huggingfac
       <img src="https://pbs.twimg.com/media/G7QgGdCXgAAesMG?format=jpg&name=small" alt="thumbnail" class="mt-0">
       <p class="text-gray-700">GRPO Ministral-3 with QLoRA</p>
     </a>
-  </div>
-  <div class="w-full flex flex-col space-y-4 md:space-y-0 md:grid md:grid-cols-2 md:gap-y-4 md:gap-x-5">
     <a class="!no-underline border dark:border-gray-700 p-5 rounded-lg shadow hover:shadow-lg" href="https://huggingface.co/docs/trl/main/en/openenv">
-      <img src="https://pbs.twimg.com/media/G7QgGdCXgAAesMG?format=jpg&name=small" alt="thumbnail" class="mt-0">
+      <img src="https://pbs.twimg.com/media/G6geuwEXEAA9ngv?format=jpg&name=small" alt="thumbnail" class="mt-0">
       <p class="text-gray-700">OpenEnv Integration Guide</p>
     </a>
     <a class="!no-underline border dark:border-gray-700 p-5 rounded-lg shadow hover:shadow-lg" href="https://colab.research.google.com/github/huggingface/trl/blob/main/examples/notebooks/openenv_wordle_grpo.ipynb">
-      <img src="https://pbs.twimg.com/media/G7QgGdCXgAAesMG?format=jpg&name=small" alt="thumbnail" class="mt-0">
+      <img src="https://pbs.twimg.com/media/G6geuwEXEAA9ngv?format=jpg&name=small" alt="thumbnail" class="mt-0">
       <p class="text-gray-700">OpenEnv Wordle with GRPO</p>
     </a>
-  </div>
 </div>
 
 ## 🎉 What's New