Can someone please help me troubleshoot why my logo image is not showing up? I can't figure out why the min and max width/height parameters are not working as intended.
Here is my HTML:
<div class="container-fluid">
<div class="head">
<div class="row">
<div class="col-sm-offset-1 col-sm-2 logo"></div>
</div>
</div>
</div>
And here is my CSS:
.container-fluid {
padding: 15px !important;
}
.logo {
background-image: url("../images/logo.png");
max-width: 400px;
max-height: 300px;
min-width: 50px !important;
min-height: 30px !important;
}