Skip to content
Learn Netverks

Lesson

Step 17/32 53% through track

grid-columns-rows

Columns and rows

Last reviewed Jun 1, 2026 Content v20260601
Track mode
iframe_html
Means
HTML preview sandbox
Reading
~1 min
Level
intermediate

This lesson

This lesson teaches Columns and rows—the ideas, syntax, and habits you need before moving on in Utility CSS.

Most modern layouts are built with flexbox and grid; skipping this lesson leaves responsive UI fragile.

You will apply Columns and rows in contexts like: Page layouts, dashboards, marketing sections, and component libraries.

Read the lesson, edit HTML/CSS in the playground, press Run to preview, then answer the lesson MCQs.

When the previous lesson's MCQs feel easy and you can explain Columns and rows in your own words.

Explicit tracks beat auto-placement surprises. Use tu-grid-cols-2 for split layouts; span cells with tu-col-span-2 when needed.

Going deeper

In production utility-first CSS work, Columns and rows matters when documents, stylesheets, or apps must stay maintainable across teams and releases—not only in isolated demos.

Common pitfalls

Watch for copy-paste configs, skipping validation or tests, and mixing concerns (structure vs presentation vs behavior) in one layer.

Practice

  1. Apply one technique from this lesson in the playground.
  2. Write one interview-style sentence explaining when you would use columns and rows on a real project.

Interview tip Lesson completion confidence

Can you explain this lesson in 30 seconds without reading notes?

Not saved yet.

Playground

Runs in your browser in a sandboxed frame. Backend runners appear when this track’s profile allows them.

Check yourself

Multiple choice — immediate feedback.

Discussion

Past discussion is visible to everyone. Only logged-in users can post comments and replies.

Starter discussion topics

  • What utility pattern confused you here?
  • How would you rebuild this layout with fewer classes?

Sign up or log in to post comments and sync lesson progress across devices.

No discussion yet. Be the first to ask a question.

Jump