Skip to content

[codex] Align feature documentation buttons #1355

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
mikitahimpel wants to merge 1 commit into
base: main
Choose a base branch
from
Open

[codex] Align feature documentation buttons #1355

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
12 changes: 6 additions & 6 deletions landing/src/components/sections/features.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ export const Features = () => {
return (
<section className="relative">
<div className="w-full max-w-screen-xl mx-auto px-4 sm:px-8 lg:px-16 pb-24 pt-32 grid grid-cols-1 md:grid-cols-3 gap-16">
<div>
<div className="flex h-full flex-col justify-between">
<div className="flex items-center gap-3">
<GlowingIcon name="blocks" />
<h3 className="font-display text-xl text-white">Powerful building blocks</h3>
Expand All @@ -18,11 +18,11 @@ export const Features = () => {
tackle the most complex problems.
</p>
<Checklist items={['Immutable data structures', 'Asynchronous queues & pub-sub', 'Configuration & dependency management']} />
<Button href="/docs" secondary className="mt-10">
<Button href="/docs" secondary className="mt-10 self-start">
Read documentation
</Button>
</div>
<div>
<div className="flex h-full flex-col justify-between">
<div className="flex items-center gap-3">
<GlowingIcon name="plugs" />
<h3 className="font-display text-xl text-white">No more one-off dependencies</h3>
Expand All @@ -32,11 +32,11 @@ export const Features = () => {
application, your package.json will have never been this small.
</p>
<Checklist items={['Data validation & serialization', 'Frameworks for CLI & HTTP applications', 'Powerful abstractions for every platform']} />
<Button href="/docs" secondary className="mt-10">
<Button href="/docs" secondary className="mt-10 self-start">
Read documentation
</Button>
</div>
<div>
<div className="flex h-full flex-col justify-between">
<div className="flex items-center gap-3">
<GlowingIcon name="shield" />
<h3 className="font-display text-xl text-white">Never try & catch again</h3>
Expand All @@ -46,7 +46,7 @@ export const Features = () => {
Successfully handle failure with the built-in error-handling primitives.
</p>
<Checklist items={['Type-safe errors as values', 'Powerful retry & recovery APIs', 'Tools for logging & tracing']} />
<Button href="/docs" secondary className="mt-10">
<Button href="/docs" secondary className="mt-10 self-start">
Read documentation
</Button>
</div>
Expand Down