AtHeartEngineer/website
1
0
Fork 0
mirror of https://github.com/tlsnotary/website.git synced 2026-01-10 07:17:56 -05:00
Code Issues Packages Projects Releases Wiki Activity

fix: 💄 Update hero section

Browse Source
This commit is contained in:
thebeyondr
2022-06-10 21:39:59 -05:00
parent 7da6776f6f
commit e5306e09bf
2 changed files with 10 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/Hero.css
View File

@@ -152,14 +152,19 @@ img.hero-graphic {
line-height: 1rem /* 16px */;
}
.text-sm {
font-size: 0.875rem /* 14px */;
line-height: 1.25rem /* 20px */;
}
.text-xl {
font-size: 1.25rem /* 20px */;
line-height: 1.75rem /* 28px */;
}
.text-3xl {
font-size: 1.875rem /* 30px */;
line-height: 2.25rem /* 36px */;
font-size: 2rem /* 32px */;
line-height: 2.5rem /* 40px */;
}
.tracking-wider {
@@ -302,8 +307,8 @@ img.hero-graphic {
}
.lg\:text-3xl {
font-size: 1.875rem /* 30px */;
line-height: 2.25rem /* 36px */;
font-size: 2rem /* 32px */;
line-height: 2.5rem /* 40px */;
}
.lg\:text-5xl {

4
src/components/Hero.tsx
View File

@@ -6,9 +6,7 @@ import "./Hero.css";
const Hero = () => (
<div className="container xl:mx-auto home-hero max-w-[1920px]">
<div className="mx-auto px-4 md:px-16 xl:pl-18 py-12 lg:py-16 xl:py-24 flex flex-col space-y-4 lg:space-y-6 md:max-w-4xl lg:max-w-6xl">
<p className="uppercase text-xs lg:text-sm xl:text-base tracking-wider font-semibold">
Privacy & Scaling Explorations
</p>
<p className="uppercase text-sm xl:text-base tracking-wider font-semibold">Privacy & Scaling Explorations</p>
<h1 className="text-3xl md:text-4xl lg:text-5xl xl:text-6xl lg:leading-[110%] font-bold">
Enhancing Ethereum through cryptographic research.
</h1>