Container padding

This commit is contained in:
Pawel
2021-08-10 13:50:25 +02:00
parent 5a11bc6147
commit 31b076ef2a

View File

@@ -10,6 +10,7 @@
<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400;1,600;1,700&display=swap" rel="stylesheet">
</head>
<body class="font-body">
<header class="fixed inset-x-0 z-50 bg-white">
<div class="bg-gray ">
<div class="max-w-screen-md mx-auto flex justify-between items-center py-1 px-2 md:px-6">
@@ -65,6 +66,7 @@
</div>
</div>
</header>
<main>
<div class="container max-w-screen-xl mx-auto pt-24 md:pt-32">
<!-- Hero -->
@@ -185,7 +187,7 @@
</div>
</section>
<!-- Build -->
<section class="px-6 mb-10 md:px-16 md:mb-12">
<section class="px-6 mb-10 md:px-16 md:mb-12 lg:px-32">
<div class="border-gray300 md:border-b md:pb-12 md:flex md:justify-between">
<div>
<h2 class="font-special font-semibold leading-10 text-2xl text-gray mb-4">Building</h2>
@@ -203,7 +205,7 @@
</div>
</section>
<!-- Running -->
<section class="px-6 mb-10 md:px-16 md:mb-12">
<section class="px-6 mb-10 md:px-16 md:mb-12 lg:px-32">
<div class="border-gray300 md:border-b md:pb-12 md:flex md:justify-between">
<div class="max-w-14-5r lg:w-6/12 xl:max-w-none">
<h2 class="font-special font-semibold leading-10 text-2xl text-gray mb-4">Running</h2>
@@ -217,7 +219,7 @@
</div>
</section>
<!-- Configuration -->
<section class="px-6 mb-10 md:px-16 md:mb-12 lg:mb-32">
<section class="px-6 mb-10 md:px-16 md:mb-12 lg:mb-32 lg:px-32">
<div class="md:flex md:justify-between">
<div class="max-w-14-5r lg:w-6/12 xl:max-w-none">
<h2 class="font-special font-semibold leading-10 text-2xl text-gray mb-4">Configuration</h2>