Fixed the responsiveness of the landing page (#436)

* fixed the responsiveness of the landing page * Deleted custom css rules
djangonaut-space · Dec 12, 2024 · 97304a7 · 97304a7
1 parent a06089b
commit 97304a7
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 12 deletions.
diff --git a/home/templates/home/home_page.html b/home/templates/home/home_page.html
@@ -4,19 +4,17 @@
 {% block title %}Djangonaut Space - Where contributors launch!{% endblock %}
 {% block body_class %}landing{% endblock %}
 {% block content %}
-<main class="landing-page flex flex-col items-center justify-center z-[2]">
+<main class="landing-page flex grow flex-col items-center justify-center z-[2]">
     <a href="/" class="inline-block text-center">
-        <img class="inline-block w-[100%] max-w-[140px]" alt="Djangonaut Space" src="{% static 'img/main-white-transparent.png' %}" />
+        <img class="inline-block w-full max-w-[140px]" alt="Djangonaut Space" src="{% static 'img/main-white-transparent.png' %}" />
     </a>
     <h1 class="p-0 text-[10vw] leading-[10vw] font-fraunces font-bold text-center">Where contributors launch</h1>
     <p class="p-3 text-xl">Ready for take-off?</p>
-    <div class="flex flex-col md:flex-row links mt-0 mb-0">
+    <div class="flex flex-wrap flex-row links justify-center w-full md:w-1/3 gap-2">
         <a class="button-secondary text-black bg-white hover:bg-ds-purple hover:text-white" href="{% url "session_list" %}">Sessions</a>
         <a class="button-secondary" href="{% url "event_list" %}">Events</a>
         <a class="button-secondary" href="https://github.com/djangonaut-space/program/blob/main/README.md">Program</a>
         <a class="button-secondary" href="{% slugurl "comms" %}">Blog</a>
-    </div>
-    <div class="flex flex-col md:flex-row links mt-2 md:mt-0 mb-5">
         <a class="button-secondary" href="{% slugurl "media-talks" %}">Media</a>
         <a class="button-secondary" href="{% slugurl "partnerships-sponsors" %}">Sponsors</a>
         <a class="button-secondary" href="{% slugurl "uniform-supply-office" %}">Store</a>

diff --git a/indymeet/templates/base_landing.html b/indymeet/templates/base_landing.html
@@ -42,7 +42,7 @@
         {% endblock css %}
     </head>
 
-    <body class="{% block body_class %}{% endblock %}">
+    <body class=" justify-evenly md:justify-center {% block body_class %}{% endblock %}">
         {% if 'Home' not in page.title  %}
             {% include 'includes/breadcrumbs.html' %}
         {% endif %}

diff --git a/theme/static_src/src/djangonaut-space.css b/theme/static_src/src/djangonaut-space.css
@@ -79,14 +79,11 @@
 ----------------------------------------------------------------------*/
 
 .landing {
-    max-width: 100vw;
-    min-height: 100vh;
     min-height: 100vh;
     margin: 0 auto;
     padding: 0 15px;
     display: flex;
     flex-direction: column;
-    justify-content: center;
     align-items: center;
     background: black;
     color: white;
@@ -118,9 +115,6 @@
 }
 
 .landing-page-footer {
-    position: fixed;
-    bottom: 0;
-    left: 0;
     display: flex;
     align-items: center;
     flex-wrap: wrap;