freezer/mareshq-internal-static-sites
Archived
1
0
Fork 0
Code Activity

feat(ant.k8s.vxm.cz): make layout responsive

Browse source
This commit is contained in:
Vojtěch Mareš 2022-01-03 18:33:55 +01:00
parent 0d6887c076
commit df3a3e6813
Signed by: vojtech.mares
GPG key ID: C6827B976F17240D
1 changed files with 6 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

11
sites/ant.k8s.vxm.cz/pages/index.tsx
View file

@ -14,14 +14,16 @@ const Home: NextPage = () => {
<link rel="icon" href="/favicon.ico" /> <link rel="icon" href="/favicon.ico" />
</Head> </Head>
<h3 className="px-16 py-4 text-gray-600">ant.k8s.vxm.cz</h3> <h3 className="md:px-16 px-4 py-4 text-gray-600">
<main className="px-16"> ant.k8s.vxm.cz
</h3>
<main className="md:px-16 px-4">
<h1 className="font-sans font-bold text-4xl"> <h1 className="font-sans font-bold text-4xl">
Ant Kubernetes Cluster Signpost Ant Kubernetes Cluster Signpost
</h1> </h1>
<div className="grid grid-cols-3 gap-4"> <div className="grid lg:grid-cols-3 sm:grid-cols-2 grid-cols-1 gap-4">
{sections.map((section) => ( {sections.map((section) => (
<section key={section.name} className="mt-2 mx-2"> <section key={section.name} className="mt-2">
<h2 className="font-sans font-semibold text-2xl mb-4"> <h2 className="font-sans font-semibold text-2xl mb-4">
{section.name} {section.name}
</h2> </h2>
@ -36,7 +38,6 @@ const Home: NextPage = () => {
block block
w-full w-full
text-center text-center
mx-2
py-2 py-2
border-2 border-2
border-gray-400 border-gray-400