improve responsiveness

tournaments/static/tournaments/css/blue_style.css

@@ -17,7 +17,7 @@ html,
 body {
     background: #1b223a;
     color: white;
-    font-size: 1em;
+    font-size: clamp(16px, 1vw, 32px);
     font-weight: 600;
     margin: 0px;
 }
@@ -65,10 +65,23 @@ nav a {
     background-color: #f39200;
     border-radius: 15px;
     text-decoration: none;
-    font-size: 0.9em;
+    font-size: clamp(16px, 0.5vw, 32px);
     font-weight: 600;
 }
 
+.header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}
+
+.flex1 {
+    flex: 1;
+}
+.flex2 {
+    flex: 2;
+}
+
 nav a:hover {
     color: #1b223a;
 }

tournaments/templates/tournaments/download.html

@@ -44,9 +44,9 @@
         <div class="wrapper">
         <header>
             <div class="grid-x">
-                <div class="cell topblock my-block flex">
+                <div class="cell topblock my-block header">
 
-                    <div class="flex-left">
+                    <div class="flex2">
                         <a href="{% url 'index' %}">
                         <img
                             src="{% static 'tournaments/images/PadelClub_logo_fondfonce_transparent.png' %}"
@@ -61,7 +61,7 @@
 
                     </div>
 
-                    <div class="flex-right simple">
+                    <div class="simple flex1 right">
                         <a href="mailto:support@padelclub.app" class="">Écrivez-nous !</a>
                     </div>