Fix div clipping

This commit is contained in:
Luke 2020-06-03 15:07:20 +02:00
parent 2da66ed214
commit 67ad1e1eec
4 changed files with 11 additions and 12 deletions

View file

@ -1,4 +1,4 @@
<header class="mb-64 lg:mb-0 lg:pb-0 h-screen bg-local bg-no-repeat bg-cover bg-center" style="background-image: url({{ site.img_url }}header.png">
<header class="lg:mb-0 h-full bg-local bg-no-repeat bg-cover bg-center lg:pb-40 md:pt-32" style="background-image: url({{ site.img_url }}header.png">
<img class="-z-0 pt-16 absolute hidden md:block" style="z-index: -1;" src="" alt="">
<div class="flex items-center md:h-full">
<div class="container mx-auto sm:px-8 sm:px-0">
@ -28,10 +28,10 @@
</div>
</div>
<div>
<img class="flex mx-auto md:mt-12 transform md:pr-1 md:absolute md:left-0 md:right-0 lg:relative md:max-w-sm lg:max-w-md lg:scale-150 lg:ml-16" src="{{ site.img_url }}freedom.gif" alt="">
<img class="flex mx-auto md:mt-12 transform md:pr-1 md:left-0 md:right-0 lg:relative md:max-w-sm lg:max-w-md lg:scale-150 lg:ml-16" src="{{ site.img_url }}freedom.gif" alt="">
</div>
</div>
</div>
</div>
</div>
</header>
</header>

View file

@ -1,4 +1,4 @@
<nav class="flex flex-wrap items-center bg-black px-10 py-6 fixed w-full z-50 lg:absolute">
<nav class="flex flex-wrap items-center bg-black px-10 py-6 w-full z-50 lg:flex">
<div class="flex-1 flex justify-between items-center">
<a href="{{ site.base_url }}" class="flex items-center hover:opacity-55 transition duration-150 ease-in-out opacity-100">
<svg class="spin h-6 w-auto mr-4" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 128 128">
@ -75,4 +75,4 @@
</ul>
</nav>
</div>
</nav>
</nav>

View file

@ -6,9 +6,9 @@ redirect_from:
- /download/
---
<header class="h-screen">
<div class="flex items-center h-screen">
<div class="container mx-auto px-8 sm:px-0 pt-64 lg:mt-64">
<header class="h-full my-20 md:my-40">
<div class="flex items-center h-ful">
<div class="h-full mx-auto ">
<div class="text-center">
<h2 class="text-5xl sm:text-6xl tracking-tight font-extrabold leading-none py-10">
Portmaster

View file

@ -3,9 +3,8 @@ title: Safing Privacy Network
layout: page
---
<header class="h-screen pt-64 md:pt-32">
<img class="-z-0 pt-0 absolute hidden lg:block" style="z-index: -1; margin-top: -3rem;" src="{{ site.img_url }}shapes/corner-tl.png" alt="">
<div class="flex items-center h-full">
<header class="h-full">
<div class="flex items-center h-full pb-0 pt-20 md:pb-40 md:pt-32">
<div class="container mx-auto sm:px-8 sm:px-0">
<div class="container mx-auto px-8 sm:px-0 flex">
<div class="max-w-screen-xl mx-auto px-4 sm:px-6 lg:flex">
@ -47,7 +46,7 @@ layout: page
</div>
</header>
<section style="margin-top: 3rem;">
<div class="text-center pt-40 lg:pt-0 pb-24 lg:pb-48">
<div class="text-center lg:pt-0 pb-24 lg:pb-48">
<h2 class="text-5xl tracking-tight font-extrabold leading-none py-10 mr-auto ml-auto">
Protect Your Meta&#8209;Data
</h2>