xevion/grain
1
0
Fork 0
mirror of https://github.com/Xevion/grain.git synced 2025-12-06 01:15:10 -06:00
Code Issues Packages Projects Releases Wiki Activity

Adjust text spacing for text on mobile viewports

Browse Source
This commit is contained in:
Xevion
2022-11-25 01:31:52 -06:00
parent 932795fb3a
commit 4cc72fcabc
1 changed files with 4 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/Post.tsx
View File

@@ -1,9 +1,9 @@
const Post = () => {
return (
<>
<div className="m-5 p-5 w-[90%]">
<div className="m-5 md:m-8 md:mt-5 w-[90%]">
<div className="mb-5">
<h2 className="text-4xl pb-1 tracking-wide font-semibold drop-shadow-xl">
<h2 className="text-3xl md:text-4xl pb-1 tracking-wide font-semibold drop-shadow-xl">
Grain
</h2>
<span className="pl-1 py-1 text-zinc-500">
@@ -17,11 +17,10 @@ const Post = () => {
</a>
</span>
</div>
<h4 className="text-xl font-semibold">What?</h4>
<div className="space-y-2">
<p>
<p className="semibold-children">
A small experiment on creating beautiful, dynamic backgrounds with
colorful gradients & film grain.
colorful gradients & film grain. Built in <b>React</b> & <b>Vite</b> with <b>SVGs</b> and layers of <b>Radial Gradients</b>.
</p>
</div>
</div>