Verified Commit e8866cdd authored by David Haynes's avatar David Haynes 🙆
Browse files

Mobile + Desktop footers coexist

- there's not really a way for me to make this easy
- you'll need two versions for the different screens
- F12 your way to footer nirvana
parent 8f9ed816
Pipeline #2234 passed with stages
in 1 minute and 47 seconds
......@@ -112,7 +112,7 @@
<div class="col-md-6">
<div class="card bg-light">
<div class="card bg-light mb-3">
<h5 class="card-header">JS</h5>
<div class="card-body">
<pre class="p-3"><code>&lt;script src=""&gt;&lt;/script&gt;</code></pre>
......@@ -122,13 +122,27 @@
<div class="footer">
<!-- Desktop footer -->
<div class="footer d-none d-md-block">
<div class="container d-flex">
<span class="text-muted mx-auto">A project of <a href="">GMU <strong>SRCT</strong></a> | Freely Licensed under <a href="">MIT</a> | <a href="">v4.0</a></span>
<!-- load in external js -->
<!-- Mobile footer -->
<div class="footer container text-center d-sm-block d-md-none d-lg-none d-xl-none">
<div class="col-sm-4 text-muted">
A project of <a href="">GMU <strong>SRCT</strong></a>
<div class="col-sm-4 text-muted">
Freely Licensed under <a href="">MIT</a>
<div class="col-sm-4 text-muted">
<a href="">v4.0</a>
<!-- External js -->
<script src="./js/masonstrap.min.js"></script>
\ No newline at end of file
......@@ -18,9 +18,5 @@ body {
position: absolute;
bottom: 0;
width: 100%;
/* Set the fixed height of the footer here */
height: 60px;
line-height: 60px;
/* Vertically center the text there */
background-color: #f5f5f5;
\ No newline at end of file
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment