Lesson list · Lesson 3 of 3
Building a Page · Lesson 3 of 3
A Landing Page from Scratch
Build a centered hero section with a headline, a subtitle, and comfortable spacing.
1 min 0 comments
A hero section needs three things: a clear headline, one supporting sentence, and room to breathe.
<section class="mx-auto max-w-3xl px-4 py-20 text-center">
<h1 class="text-4xl font-bold tracking-tight md:text-6xl">Ship faster.</h1>
<p class="mt-4 text-lg text-slate-600">Everything you need to launch.</p>
</section>Next steps
Add a button, then a features grid using what you learned in the responsive design lesson.
Discussion
Log in to join the conversation. Log in
No discussion here yet. Be the first to ask.