https://dailypypy.org/tags/layout/ Recent content in Layout on 每日拍拍 Hugo -- gohugo.io zh-tw © 2026 每日拍拍 Fri, 18 Sep 2026 11:02:00 +0800 155076163427069952 154825760438254592 https://dailypypy.org/learn/textual-css-layout/ Fri, 18 Sep 2026 11:02:00 +0800 https://dailypypy.org/learn/textual-css-layout/ <!--- 1440x768 prompt: masterpiece, best quality, highres, clean anime illustration, japanese anime style, soft shading, flat color design, 1girl, black hair, green eyes, white off-shoulder shirt, black short skirt, dutch angle, upper body, arms gently folded, playful confident smile, looking at viewer, pastel butter yellow and pale lavender background, subtle offset translucent blank panels and clean grid blocks without symbols, logos, markings, or text, neat composition, detailed eyes, cute and smart vibe, minimal background, polished illustration, no text negative prompt: worst quality, bad eye, bad hand, extra limbs, manga, multiple views, monochrome, text, signature dedup note: Planned 2026-09-18 topic `textual-css-layout` passed a strict 165-post inventory and current-source scan. ../python-textual/ introduces widgets, reactive state, one small vertical card layout, and workers; the Textual follow-ups cover forms, database apps, background workers, and Pilot/snapshot testing. This focused follow-up instead treats layout as the whole subject: TCSS cascade and selectors, fr/auto/percent sizing, Grid spans and gutters, Dock semantics, built-in responsive breakpoint classes, design tokens, runtime themes, and multi-size layout tests. It cross-links the introduction and testing article without repeating their app workflows. source check: Reviewed against the current official Textual CSS, layout, App breakpoint, theme, and testing documentation plus PyPI metadata on 2026-09-18. PyPI lists Textual 8.2.8; examples target the built-in HORIZONTAL_BREAKPOINTS responsive classes, Theme registration, and run_test terminal-size controls available in the current API. ---> <p> <figure> <img class="my-0 rounded-md" loading="lazy" alt="featured" src="./featured.png" /> </figure> </p>