Optimize page container layouts for mobile

This commit is contained in:
davegson 2020-05-21 12:16:29 +02:00
parent cd7ec821e8
commit 3849bafd69
3 changed files with 3 additions and 3 deletions

View file

@ -2,7 +2,7 @@
layout: page layout: page
--- ---
<section id="page-container" class="py-40 {{ layout.container_class }} {{ page.container_class }}"> <section id="page-container" class="pb-8 lg:pb-24 pt-16 lg:pt-40 {{ layout.container_class }} {{ page.container_class }}">
<div class="items-center h-full"> <div class="items-center h-full">
<div class="container mx-auto px-8 sm:px-0 flex"> <div class="container mx-auto px-8 sm:px-0 flex">
<div class="max-w-screen-lg mx-auto px-4 sm:px-6 lg:flex"> <div class="max-w-screen-lg mx-auto px-4 sm:px-6 lg:flex">

View file

@ -2,7 +2,7 @@
layout: page_container layout: page_container
title: "The Safing Podcast" title: "The Safing Podcast"
heading: "The Safing Podcast" heading: "The Safing Podcast"
container_class: "podcast pt-64 pb-24" container_class: "podcast pt-40 lg:pt-64"
--- ---
<div class="text-center"> <div class="text-center">

View file

@ -2,7 +2,7 @@
layout: page_container layout: page_container
title: "The Safing Podcast" title: "The Safing Podcast"
heading: "The Safing Podcast" heading: "The Safing Podcast"
container_class: "podcast" container_class: "podcast pt-40 lg:pt-64"
--- ---
<div class="text-center"> <div class="text-center">