diff --git a/templates/stripe_html/index.html b/templates/stripe_html/index.html
index d3182d7..eced950 100644
--- a/templates/stripe_html/index.html
+++ b/templates/stripe_html/index.html
@@ -92,51 +92,54 @@
     </section>
 
     <section class="section card_design">
-        <div class="row">
-            <div class="col-md-3">
+        <div class="container">
+            <div class="row">
                 {% for subscription in subscriptions %}
-                <div class="feat-card">
-                    <div class="card text-center mb-2">
-                        <!-- Dark card with gold border -->
-                        <h5 class="gold-text mb-0 p-1" style="background-color: #f1d59f6e;">{{ subscription.title }}
-                        </h5>
-                        {% if subscription.image %}
-                        <img src="{{ subscription.image.url }}" alt="{{ subscription.title }}" class="card-img-top">
-                        {% endif %}
-                    </div>
-                    <div class="card-body mb-2 text-center"> <!-- Golden text for the body -->
-                        {% if subscription.short_description %}
-                        <p class="gold-text">{{ subscription.short_description }}</p>
-                        {% endif %}
-                        {% if subscription.long_description %}
-                        <p class="gold-text">{{ subscription.long_description|truncatewords:20 }}</p>
-                        {% endif %}
-                        <h5 class="card-title gold-text">Subscription Amount</h5>
-                        {% if subscription.high_amount and subscription.high_amount > subscription.amount %}
-                        <p class="gold-text mb-0"><s>£ {{ subscription.high_amount }}</s> £ {{ subscription.amount }}
-                        </p>
-                        {% else %}
-                        <p class="gold-text mb-0">£ {{ subscription.amount }}</p>
-                        {% endif %}
-                        {% if subscription.plan.days %}
-                        <p class="gold-text mb-0">Days of Subscription: {{ subscription.plan.days }}</p>
-                        {% else %}
-                        <p class="gold-text mb-0">Days of Subscription: Not available</p>
-                        {% endif %}
+                <div class="col-md-4">
+                    <div class="feat-card">
+                        <div class="card text-center mb-2">
+                            <!-- Dark card with gold border -->
+                            <h5 class="gold-text mb-0 p-1" style="background-color: #f1d59f6e;">{{ subscription.title }}
+                            </h5>
+                            {% if subscription.image %}
+                            <img src="{{ subscription.image.url }}" alt="{{ subscription.title }}" class="card-img-top">
+                            {% endif %}
+                        </div>
+                        <div class="card-body mb-2 text-center"> <!-- Golden text for the body -->
+                            {% if subscription.short_description %}
+                            <p class="gold-text">{{ subscription.short_description }}</p>
+                            {% endif %}
+                            {% if subscription.long_description %}
+                            <p class="gold-text">{{ subscription.long_description|truncatewords:20 }}</p>
+                            {% endif %}
+                            <h5 class="card-title gold-text">Subscription Amount</h5>
+                            {% if subscription.high_amount and subscription.high_amount > subscription.amount %}
+                            <p class="gold-text mb-0"><s>£ {{ subscription.high_amount }}</s> £ {{ subscription.amount
+                                }}
+                            </p>
+                            {% else %}
+                            <p class="gold-text mb-0">£ {{ subscription.amount }}</p>
+                            {% endif %}
+                            {% if subscription.plan.days %}
+                            <p class="gold-text mb-0">Days of Subscription: {{ subscription.plan.days }}</p>
+                            {% else %}
+                            <p class="gold-text mb-0">Days of Subscription: Not available</p>
+                            {% endif %}
 
+                        </div>
+                        <div class="Adventure-btn text-center">
+                            <!-- Add a data attribute to store subscription ID -->
+                            <button class="common-btn subscribe-btn" data-subscription-id="{{ subscription.id }}">Join
+                                now</button>
+                        </div>
                     </div>
-                    <div class="Adventure-btn text-center">
-                        <!-- Add a data attribute to store subscription ID -->
-                        <button class="common-btn subscribe-btn" data-subscription-id="{{ subscription.id }}">Join
-                            now</button>
-                    </div>
+                    <hr>
+                    {% empty %}
+                    <p>No subscriptions available.</p>
                 </div>
-                <hr>
-                {% empty %}
-                <p>No subscriptions available.</p>
                 {% endfor %}
-            </div>
 
+            </div>
         </div>
     </section>