Responsive Hero Section (Next.js and CSS Modules)

Challenge brief

Hero Section (Simple)Build a responsive, minimal hero section that includes an image

Challenge brief

Hero Section (Simple)Build a responsive, minimal hero section that includes an image

evefonwu@evefonwu

Dev

Undergrad CS

1.08k Reputation

Responsive hero section using CSS grid layout and media queries with a mobile-first approach. Then flexbox for all the element alignments.

Submission vs Design

Implementation details

HTML

Basics

CSS

Basics

Next.js

Discussions