• edited

404 Section with Stroybook

Challenge brief

404 SectionBuild a responsive and minimal 404 section to indicate that a requested page was not found

Back to all submissions

• edited

404 Section with Stroybook

Challenge brief

404 SectionBuild a responsive and minimal 404 section to indicate that a requested page was not found

Karabo Seipelo@karaboseipelo

Technical Lead @ Betika

19 YOE

16.3k Reputation

Preview solution

View code

The component displays a 404 error message with a title, subtitle, description, and a button that triggers an onClick event, styled with Tailwind CSS.

Submission vs Design

https://designsystem.karaboseipelo.com/iframe.html?args=&globals=&id=marketing-section-404--default

Implementation details

Tech stack

HTML

Basics

Semantics

Images

CSS

Basics

Positioning

Layout

Responsive Design

JavaScript

DOM Events

React

Basics

Components

Build Tools

Typechecking

Performance

Image Loading

Next.js

Tailwind

React

Prettier

Code

Discussions