fixed some mobile layout issues

This commit is contained in:
2023-02-24 19:26:04 +10:30
parent f433710c3a
commit bc64c51586
3 changed files with 41 additions and 10 deletions

View File

@ -18,10 +18,12 @@
<body>
<main>
<header>{% include 'partials/header.njk' %}</header>
<hr/>
<article>
<h1>{{ title }}</h1>
{{ content | safe }}
</article>
<hr/>
<footer>{% include 'partials/footer.njk' %}</footer>
</main>
<aside>{% include 'partials/sidebar.njk' %}</aside>

View File

@ -1,8 +1,8 @@
<nav>
<a href="/">Home</a><br/>
<a href="/blog/">Blog</a><br/>
<a href="/about/">About</a><br/>
<a href="/links/">Links</a><br/>
<a href="/contact/">Contact</a>
<a href="/">/</a><br/>
<a href="/blog/">/blog</a><br/>
<a href="/about/">/about</a><br/>
<a href="/links/">/links</a><br/>
<a href="/contact/">/contact</a>
</nav>
{#INFO: It's important to stucture your links with the slashes / on either side of the href /about/ to ensure the links are always from the root of the site.#}