diff options
| author | Joseph Rollins <rollins.joseph+git@gmail.com> | 2021-04-15 21:15:33 +0300 |
|---|---|---|
| committer | Joseph Rollins <rollins.joseph+git@gmail.com> | 2021-04-15 21:19:01 +0300 |
| commit | eabdeac57b68788eeb58661bdcdaddf44ef5e075 (patch) | |
| tree | 8a484adc1f3cbbd6bdddeaf2718a2cf4ef938115 | |
| parent | 03ceebc9e4ccb8077ff346c74369bb35fb0b365f (diff) | |
Fix layout issue with wide screens
The contact info aside was un-wrapping in the flex
container onto the same row as the post making it appear
on the right side of the page. As a result the footer
was no longer aligned below the post content.
| -rwxr-xr-x | layouts/_default/baseof.html | 3 |
1 files changed, 2 insertions, 1 deletions
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html index f00228e..f433748 100755 --- a/layouts/_default/baseof.html +++ b/layouts/_default/baseof.html @@ -122,6 +122,7 @@ <main role="main" class="w-full md:w-3/5 xl:w-1/2 max-w-3xl order-2 md:order-2 min-h-70vh pt-2 pb-4"> {{ block "main" . }}{{ end }} </main> + <div class="w-full h-0 flex-none order-3"></div> <aside role="contentinfo" class="w-full md:w-2/5 xl:w-1/2 md:pr-12 lg:pr-20 xl:pr-24 order-4 md:order-3 md:sticky md:bottom-0 self-end max-w-2xl"> <div class="md:float-right md:text-right leading-loose tracking-tight md:mb-2"> @@ -136,4 +137,4 @@ </div> </body> -</html>
\ No newline at end of file +</html> |