Card group with media queries

Three course cards laid out with CSS Grid and media queries only, no Bootstrap. Resize the window to see the layout change.

• Desktop (1024px+): all three cards side by side.
• Tablet (768px – 1023px): two cards in a row.
• Mobile (under 768px): cards stacked vertically.

Beginner · 8 weeks

HTML & CSS Foundations

Semantic markup, the box model and responsive layouts from zero.

Course details

Intermediate · 10 weeks

JavaScript in Practice

The DOM, events, fetch requests and a single-page application.

Course details

Intermediate · 12 weeks

Data Analytics with SQL

Queries, joins, dashboards and telling a story with numbers.

Course details