diff options
| author | Patryk Niedźwiedziński <pniedzwiedzinski19@gmail.com> | 2020-01-04 09:46:43 +0100 |
|---|---|---|
| committer | Patryk Niedźwiedziński <pniedzwiedzinski19@gmail.com> | 2020-01-04 09:46:43 +0100 |
| commit | 3f39da20f538407cced435a0bcc084bd46ed0979 (patch) | |
| tree | bb0780601438bed7e4243866a9a8b5549c31ec8f | |
| parent | 753743cb06c1fd0a6d1a25bbdf2dd0207d04d6dc (diff) | |
| download | puszcza-3f39da20f538407cced435a0bcc084bd46ed0979.tar.gz puszcza-3f39da20f538407cced435a0bcc084bd46ed0979.zip | |
Add page header
| -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, |