frontend: remove error causing hx-boost attribute on form and make title responsive and centered
This commit is contained in:
parent
309ade3e72
commit
faf7c2f782
4 changed files with 9 additions and 7 deletions
|
|
@ -38,14 +38,17 @@
|
|||
<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="hero-body is-flex is-justify-content-center is-align-items-center">
|
||||
<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 class="hero-content is-overlay">
|
||||
<p class="title is-size-5-mobile is-size-1-desktop"
|
||||
style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);">
|
||||
Dungeons and Dragons Monster Generator
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue