improve usability and styling

change table layout for Form to flexbox using bulma tiles
This commit is contained in:
Patryk Hegenberg 2023-12-05 19:58:13 +01:00
parent e230c0e10d
commit 4f69762b1f
4 changed files with 374 additions and 215 deletions

View file

@ -38,17 +38,21 @@
</div>
</div>
</nav>
<section class="hero box">
<div class="hero-body">
<div class="container has-text-centered">
<div class="hero-background">
<img src="/images/images/banner.jpg" alt="Dungeons-and-Dragons-Banner">
<div class="tile is-ancestor">
<div class="tile is-parent">
<section class="tile is-child hero box is-widescreen">
<div class="hero-body">
<div class="container has-text-centered">
<div class="hero-background">
<img src="/images/images/banner.jpg" alt="Dungeons-and-Dragons-Banner">
</div>
<p class="title">
Dungeons and Dragons Monster Generator
</p>
</div>
</div>
<p class="title">
Dungeons and Dragons Monster Generator
</p>
</div>
</section>
</div>
</section>
</div>
</header>
{{ end }}