From 3f39da20f538407cced435a0bcc084bd46ed0979 Mon Sep 17 00:00:00 2001
From: Patryk Niedźwiedziński <pniedzwiedzinski19@gmail.com>
Date: Sat, 4 Jan 2020 09:46:43 +0100
Subject: Add page header

---
 pages/oboz/2020.vue | 37 +++++++++++++++++++++++++++++++++++--
 1 file changed, 35 insertions(+), 2 deletions(-)

(limited to 'pages/oboz')

diff --git a/pages/oboz/2020.vue b/pages/oboz/2020.vue
index 34764d1..2605b75 100644
--- a/pages/oboz/2020.vue
+++ b/pages/oboz/2020.vue
@@ -1,7 +1,13 @@
 <template>
   <section class="oboz">
-    <h1>Obóz 2020</h1>
-    <p>W tym roku obóz odbędzie się nad jeziorem Sporym</p>
+    <div class="header">
+      <h1>Obóz 2020</h1>
+      <div class="troops">
+        <h3>19 PDH Puszcza</h3>
+        <h3>7 PDH Binduga</h3>
+        <h3>7 PDH Watra</h3>
+      </div>
+    </div>
     <div class="mapouter">
       <div class="gmap_canvas">
         <iframe
@@ -22,8 +28,35 @@
   margin-top: 40px;
 }
 
+.header {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  margin: 20px 0;
+}
+
 h1 {
   font-size: 2em;
+  background: black;
+  color: white;
+  padding: 0.5em 1em;
+  width: max-content;
+}
+
+.troops {
+  display: flex;
+  flex-direction: row;
+}
+
+.troops h3 {
+  margin: 10px;
+}
+
+@media (max-width: 480px) {
+  .troops {
+    flex-direction: column;
+  }
 }
 
 .mapouter,
-- 
cgit 1.4.1