diff options
Diffstat (limited to 'pages')
-rw-r--r-- | pages/oboz/2020.vue | 37 |
1 files changed, 35 insertions, 2 deletions
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, |