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 = () => { const Post = () => {
return ( 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"> <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 Grain
</h2> </h2>
<span className="pl-1 py-1 text-zinc-500"> <span className="pl-1 py-1 text-zinc-500">
@@ -17,11 +17,10 @@ const Post = () => {
</a> </a>
</span> </span>
</div> </div>
<h4 className="text-xl font-semibold">What?</h4>
<div className="space-y-2"> <div className="space-y-2">
<p> <p className="semibold-children">
A small experiment on creating beautiful, dynamic backgrounds with 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> </p>
</div> </div>
</div> </div>