improve covid alert by removing max-width

This commit is contained in:
Mark Eaton
2021-02-28 21:53:34 -05:00
parent 071991a93a
commit 8425112fb0
2 changed files with 3 additions and 4 deletions
@@ -29,7 +29,6 @@ body {
#covid-alert { #covid-alert {
text-align: center; text-align: center;
max-width: 500px;
margin-bottom: 30px !important; margin-bottom: 30px !important;
font-size: 1.5em; font-size: 1.5em;
} }
@@ -177,15 +177,15 @@
</div> </div>
<div class="container"> <div class="container">
<div class="row "> <div class="row ">
<div class="col-xs-1 col-sm-2 col-md-3"> <div class="col-xs-1 col-md-2">
</div> </div>
<div class="col-xs-10 col-sm-8 col-md-6"> <div class="col-xs-10 col-md-8">
<div class="alert alert-warning alert-dismissible" role="alert" id="covid-alert"> <div class="alert alert-warning alert-dismissible" role="alert" id="covid-alert">
<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button> <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
<strong>Alert:</strong> <a href="">Library Services during COVID-19</a> <strong>Alert:</strong> <a href="">Library Services during COVID-19</a>
</div> </div>
</div> </div>
<div class="col-xs-1 col-sm-2 col-md-3"> <div class="col-xs-1 col-md-2">
</div> </div>
</div> </div>
<div class="row"> <div class="row">