Responsive Design

4 resources tagged with Responsive Design.

Snippet

Responsive Breadcrumb Navigation with HTML, CSS & JavaScript

Learn how to build a responsive, accessible breadcrumb navigation component that updates a preview card with Unsplash images when users click a breadcrumb link. Includes semantic HTML, Flexbox layout, mobile behavior, JavaScript state handling, and customization tips.

#HTML#CSS#JavaScript#Responsive Design#Breadcrumbs#Accessibility

6/27/2026

Open resource

Snippet

Responsive Image Gallery with CSS Grid and JavaScript Lightbox

Build a responsive image gallery using CSS Grid and a lightweight vanilla JavaScript lightbox with keyboard navigation, captions, and mobile-friendly styling.

#CSS Grid#Responsive Image Gallery#Lightbox#JavaScript#HTML#CSS#Responsive Design#Frontend Development

6/6/2026

Open resource

Challenge

Build a Responsive Card Grid with CSS Flexbox

Practice CSS Flexbox by building a responsive product card grid that displays four columns on desktop, two columns on tablet, and one column on mobile.

#CSS#Flexbox#Responsive Design#Web Development#Beginner

5/22/2026

Open resource

Template

Responsive Admin Dashboard — Bootstrap 5 + Chart.js Template

A polished responsive admin dashboard template with a collapsible sidebar, KPI cards, Chart.js visualizations, activity feed, recent orders table, quick actions, and accessible navigation.

#admin dashboard#bootstrap 5#chart.js#responsive design#navigation

5/20/2026

Open resource

Need a missing topic?

If a related tutorial is missing, send a topic request through the contact page.

Request this topic

Ad

Simple private project manager for solo creators, students, freelancers, and personal workflows

Your project feels lighter when every task has a place.

Get Clarity Before Work Gets Chaotic

Organize tasks, deadlines, priorities, and progress in one fast browser-based app built for solo work. Keep your data private and your next move clear.

Take Control Today

Ad

Local-first project planning and task management app for organizing projects, tasks, deadlines, and progress

Stop letting good ideas disappear into messy notes.

Turn Projects Into Clear Next Steps

Plan faster, track progress visually, and stay in control with a private local-first workspace. No login, no heavy setup, just focused project momentum.

Start Planning Now