diff options
| author | Yuval Adam <_@yuv.al> | 2024-09-21 22:26:43 +0200 |
|---|---|---|
| committer | Yuval Adam <_@yuv.al> | 2024-09-21 22:26:43 +0200 |
| commit | 3bf7d742df6e198b08a03356afd1d90eeaf3904c (patch) | |
| tree | ac7dc78189624480f47cc465c7510912e8a00529 | |
| parent | 9ad33e622bd80662491502b49c0b82178c66ed98 (diff) | |
Fix some responsive borders and padding
| -rw-r--r-- | app/page.tsx | 4 |
1 files changed, 2 insertions, 2 deletions
diff --git a/app/page.tsx b/app/page.tsx index 843f6ba..6cc5fc7 100644 --- a/app/page.tsx +++ b/app/page.tsx @@ -114,11 +114,11 @@ export default function Cidr() { return ( <div className="min-h-screen flex flex-col items-center justify-center bg-gray-100 p-2"> <div className="max-w-6xl w-full sm:p-8 p-2"> - <h1 className="text-4xl font-bold tracking-tight text-gray-900 sm:text-6xl"> + <h1 className="my-3 sm:my-1 text-center sm:text-left text-4xl font-bold tracking-tight text-gray-900 sm:text-6xl"> IP / CIDR Calculator </h1> - <div className="my-6 border border-gray-300 rounded-lg"> + <div className="my-6 border-0 sm:border border-gray-300 rounded-lg"> <div className="flex flex-wrap justify-center gap-4 my-10"> {ip.map((octet, i) => ( <div key={`octet-${i}`}> |