Responsive solution with NextJS and Tailwind

Challenge brief

Collections Grid SectionBuild a responsive dynamic section to display selected product collections

Back to all submissions

Responsive solution with NextJS and Tailwind

Challenge brief

Collections Grid SectionBuild a responsive dynamic section to display selected product collections

Kevin Nguyen@kevinn858

Front End Engineer

Currently working on skills

1.96k Reputation

Preview solution

View code

fetched data from API as well. Responsive solution that changes layout on mobile dimensions.

Submission vs Design

https://kevnien.github.io/collections-grid-section/

Implementation details

Tech stack

HTML

Basics

Semantics

Images

CSS

Basics

Positioning

Layout

Responsive Design

Transforms and Transitions

JavaScript

DOM Events

Fetch

React

Basics

Components

Event Handling

Effects

Package Managers

Basics

Build Tools

Typechecking

Linting & Formatting

Performance

Font Loading

Image Loading

Code Loading

React

Next.js

Tailwind

Code

Discussions