diff --git a/src/components/Hero/index.tsx b/src/components/Hero/index.tsx index dc96b566..81a6332e 100644 --- a/src/components/Hero/index.tsx +++ b/src/components/Hero/index.tsx @@ -64,6 +64,15 @@ export default function Hero(): JSX.Element { > Documentation + + + llms-full.txt + diff --git a/src/components/Hero/styles.module.scss b/src/components/Hero/styles.module.scss index 34a2d888..4063b875 100644 --- a/src/components/Hero/styles.module.scss +++ b/src/components/Hero/styles.module.scss @@ -73,14 +73,31 @@ .actions { display: flex; - flex-direction: column-reverse; - gap: 1rem; + flex-direction: column; + + column-gap: 1rem; + row-gap: 1rem; @media screen and (min-width: 768px) { - flex-direction: row; + display: grid; + grid-template-columns: repeat(2, 1fr); + + row-gap: 0.65rem; } } .typing { color: var(--ifm-color-primary); } + +.llms { + display: inline-flex; + justify-content: center; + + grid-column-start: 2; + + font-size: calc(var(--ifm-font-size-base) * 0.65); + + color: var(--ifm-font-color-base); + text-decoration: underline; +}