Improve banner on mobile devices
This commit is contained in:
parent
f20067b323
commit
a369758eda
3 changed files with 16 additions and 9 deletions
|
|
@ -3,7 +3,7 @@
|
|||
<div class="container">
|
||||
<div class="d-flex align-items-center">
|
||||
<a class="navbar-brand d-flex align-items-center" href="/">
|
||||
<img src="/static/img/rmo/banner.jpg" style="height: 224px;" alt="Report Mosquitoes Online logo"></img>
|
||||
<img class="banner" src="/static/img/rmo/banner.jpg" alt="Report Mosquitoes Online logo"></img>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -7,9 +7,9 @@
|
|||
<!-- Main Content -->
|
||||
<main>
|
||||
<!-- Introduction Section -->
|
||||
<section class="py-5 bg-primary text-white">
|
||||
<section class="py-2 bg-primary text-white">
|
||||
<div class="banner-container d-flex justify-content-center">
|
||||
<img class="banner-image" src="/static/img/rmo/banner.jpg"/>
|
||||
<img class="banner" src="/static/img/rmo/banner.jpg"/>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue