MoreLesson 265Free preview

Coming Soon Page

This lesson is part of How To · All levels

Summary

A coming soon page tells visitors that the product or site has not yet been launched. Usually, this page uses a full-screen layout, clear headlines, and email forms to gather interest. Keep the view light and responsive so that visitors do not leave the page.

Key points

Min-height: 100vh makes the page fill the screen without cutting the long content.
Flexbox or Grid centers the title and form horizontally or vertically.
Email forms require labels, the right type of input, and validation messages.
Avoid false countdowns that could mislead visitors.

Full lesson

Code examples and quizzes

Full lessons, code examples, and quizzes are available to subscribers. 5 questions.