diff --git a/layout/index2.liquid b/layout/index2.liquid
deleted file mode 100644
index 7bc8acd..0000000
--- a/layout/index2.liquid
+++ /dev/null
@@ -1,106 +0,0 @@
-{% extends "base.html" %} {% block content %}
-<div class="content-area">
-  <h1 class="resources-heading">All Resources</h1>
-  <div class="filter">
-    <div class="filter-left">
-      <p class="filter-text">Filter by:</p>
-      <div class="filter-wrapper">
-        <div class="filter-type">
-          <div id="resource-type-button" class="resource-type-label">
-            <p class="filter-dropdown">Resource type</p>
-            <img
-              class="arrow"
-              src="{{ URL_ROOT }}/static/images/chevron-down.svg"
-            />
-          </div>
-          <ul class="resource-type-filter invisible" id="resource-type-filter">
-            {% for resource_type in RESOURCE_TYPES %}
-            <li class="resource-type-option">
-              <input class='resource-type-input' type='radio' name="type"
-              value="{{ resource_type }}" {% if resource_type=="all" %}checked{%
-              endif %}>
-              <label class="resource-label">{{ resource_type }}</label>
-            </li>
-            {% endfor %}
-          </ul>
-        </div>
-        <div class="filter-type">
-          <div id="categories-button" class="categories-label">
-            <p class="filter-dropdown">Topics</p>
-            <img
-              class="arrow"
-              src="{{ URL_ROOT }}/static/images/chevron-down.svg"
-            />
-          </div>
-          <ul class="categories-filter invisible" id="categories-filter">
-            {% for category in CATEGORIES %}
-            <li class="category-option">
-              <input class='category-input' type='radio' name="category"
-              value="{{ category }}" {% if category=="all" %}checked{% endif %}>
-              <label class="category-label">{{ category }}</label>
-            </li>
-            {% endfor %}
-          </ul>
-        </div>
-      </div>
-    </div>
-  </div>
-  <div id="resources" class="resources">
-    {% for resource in resources %}
-    <div
-      class="card {% if not resource.src %}coming-soon-card{% endif %} {% if resource.src.startswith('http') %}external-link-card{% endif %}"
-      attr-resource-type="{{ resource.type }}"
-      attr-category="{{ resource.category }}"
-    >
-      <a {% if not resource.src %} href="" {% elif resource.src.startswith('http') %}
-                href="{{ resource.src }}" target=_blank {% else %}
-                href="{{ URL_ROOT }}/{{ resource.src }}" {% endif %}>
-                <div class="card-tag {% if resource.type == 'Video' %}orange{% else %}green{% endif %}">
-                    {% if resource.type == "Video" %}
-                    <img class="play" src="{{ URL_ROOT}}/static/images/play-icon.svg" alt="play" />
-                    {% else %}
-                    <img class="guide" src="{{ URL_ROOT}}/static/images/file-icon.svg" alt="file" />  
-                    {% endif %}
-                    <span class="card-tag-text">{{ resource.type }}</span>
-                </div>
-                {% if not resource.src %}
-                <div class='coming-soon-tag'>
-                    <span class='coming-soon-text'>coming soon</span>
-                </div>
-                {% endif %}
-                <h2 class="card-title">{{ resource.title }}
-                    {% if resource.src.startswith('http') %}
-                    <img class="link" src="{{ URL_ROOT }}/static/images/link.svg" alt="Link to external resource" />
-                    {% endif %}
-                </h2>
-                <p class="card-desc">
-                    {{ resource.description }}
-                </p>
-            </a>
-    </div>
-    {% endfor %}
-  </div>
-  <div id="tutorials" class="tutorials">
-    <div class="detail-box">
-      <h2 class="tutorial-title">What is Edly Academy?</h2>
-      <div class="tutorial-description">
-        It is a new resource centre that offers guides and tutorials for Open
-        edX® and Tutor, aiming to support the community with an expanding
-        library focused on the use and development of Open edX® platforms.
-      </div>
-      <!-- <div class='learn-more'><p>learn more</p><img class='right-arrow' src='static/images/chevron-right.svg' alt='right'></div> -->
-    </div>
-    <div class="detail-box">
-      <h2 class="tutorial-title">Get Involved</h2>
-      <div class="tutorial-description">
-        We encourage our community to contribute. By sharing your knowledge in
-        guides and tutorials, you can help us enhance our resource library,
-        benefiting both new and existing Open edX® users and developers.
-      </div>
-      <!-- <div class='learn-more'><p>learn more</p><img class='right-arrow' src='static/images/chevron-right.svg' alt='right'></div> -->
-    </div>
-  </div>
-</div>
-{% endblock %} {% block js %}
-<script src="{{ URL_ROOT }}/static/js/search.js" type="module"></script>
-{% endblock%}
diff --git a/layout/static/css/academy.css b/layout/static/css/academy.css
index 80b9c9e..b1624aa 100644
--- a/layout/static/css/academy.css
+++ b/layout/static/css/academy.css
@@ -26,7 +26,6 @@ body {
 
 .container {
   height: 100vh;
-  width: 100vw;
   background-color: white;
 }
 
@@ -48,6 +47,9 @@ body {
   text-transform: uppercase;
   margin-right: 24px;
 }
+a.github-link {
+  margin-right: 0 !important;
+}
 
 .mobile-menu-link {
   display: none;
@@ -112,7 +114,7 @@ ul.navbar-list li a {
 }
 /* main content area */
 .content-area {
-  padding: 50px 135px 100px;
+  padding: 50px 135px 80px;
   display: flex;
   flex-direction: column;
 }
@@ -321,7 +323,7 @@ input[type="radio"] {
   display: flex;
   align-items: center;
   gap: 4px;
-  padding: 5px 15px;
+  padding: 7px 15px;
   color: var(--white);
   background-color: #3574a7;
   border-radius: 6px;
@@ -329,7 +331,9 @@ input[type="radio"] {
   font-weight: 600;
   width: fit-content;
 }
-
+.card-tag .guide{
+  width: 16px;
+}
 .card-title {
   overflow: hidden;
   display: -webkit-box;
@@ -376,7 +380,7 @@ input[type="radio"] {
   width: 100%;
   display: flex;
   gap: 96px;
-  margin-top: 100px;
+  margin-top: 80px;
   flex-direction: row;
 }
 
@@ -632,17 +636,28 @@ pre code.hljs * {
 
 /* mobile view */
 
-@media only screen and (max-width: 1024px) {
-  .resources{
-  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+@media only screen and (min-width: 1440px) {
+.card{
+  max-width: 100%;
+}
+}
 
-  }
+
+
+@media only screen and (max-width: 1200px) {
   .navbar {
     padding: 12px 70px;
   }
   .content-area {
     padding: 30px 70px 60px;
   }
+}
+@media only screen and (max-width: 1024px) {
+  .resources{
+  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+
+  }
+
   .resources-heading {
     font-size: 35px;
     line-height: 40px;
@@ -653,6 +668,10 @@ pre code.hljs * {
   .tutorials {
     margin-top: 70px;
   }
+  .card{
+    max-width: calc(450px - 48px);
+  }
+  
 }
 @media only screen and (max-width: 768px) {
   .github-text {