flexbox

9 videos across 4 channels

A look at how top web developers use flexbox to craft precise, responsive layouts under pressure. The videos showcase battle-tested techniques for arranging elements, balancing spacing, and fine-tuning alignment, with real-time critique, breakdowns of common pitfalls, and practical tips for speeding up layout decisions in competitive and real-world projects.

Live Code: Dark Mode Landing Page (Astro Basics) thumbnail

Live Code: Dark Mode Landing Page (Astro Basics)

The video walks through planning and building a dark mode landing page using Astro, covering layout strategy, project se

01:32:00
Can I Build This UI In 10 Minutes thumbnail

Can I Build This UI In 10 Minutes

The video follows a coder attempting to redeem a disappointing HTML/CSS mock by redesigning a retro arcade-style high-sc

00:25:39
MadCSS Semi Final Breakdown and Solution thumbnail

MadCSS Semi Final Breakdown and Solution

The video walks through the official Mad CSS semifinal solution, breaking down the grid layout, grid areas, and styling

00:14:20
16 Pro Web Devs Compete with CSS | Round 4 | Semi Finals thumbnail

16 Pro Web Devs Compete with CSS | Round 4 | Semi Finals

The video follows the semi finals of Mad CSS, where four web developers compete in two head-to-head battles to reach the

00:20:30
Full Stack JavaScript Developer Roadmap 2025 thumbnail

Full Stack JavaScript Developer Roadmap 2025

The video outlines a phased road map to becoming a full‑stack JavaScript developer, breaking down learning into foundati

00:41:33
MadCSS Quarter Final Breakdown and Solution thumbnail

MadCSS Quarter Final Breakdown and Solution

CJ breaks down Round Two of the Mad CSS tournament, walking through the official 100% solution and evaluating competitor

00:15:57
MadCSS Round 1 Breakdown and Solution thumbnail

MadCSS Round 1 Breakdown and Solution

The video breaks down round one of the Mad CSS tournament, comparing competitors’ solutions to the official approach and

00:13:50