<?xml version="1.0" encoding="UTF-8"?>
<!-- generator="FeedCreator 1.8" -->
<?xml-stylesheet href="https://icontemp.com/wiki/cssprimer/lib/exe/css.php?s=feed" type="text/css"?>
<rdf:RDF
    xmlns="http://purl.org/rss/1.0/"
    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
    xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
    xmlns:dc="http://purl.org/dc/elements/1.1/">
    <channel rdf:about="https://icontemp.com/wiki/cssprimer/feed.php">
        <title>CSS Primer For the AI Era - layout</title>
        <description>A vocabulary for shaping interfaces with AI</description>
        <link>https://icontemp.com/wiki/cssprimer/</link>
        <image rdf:resource="https://icontemp.com/wiki/cssprimer/lib/exe/fetch.php?media=wiki:logo.png" />
       <dc:date>2026-07-23T23:00:10+00:00</dc:date>
        <items>
            <rdf:Seq>
                <rdf:li rdf:resource="https://icontemp.com/wiki/cssprimer/doku.php?id=layout:css_extending_the_baseline_of_normal_flow&amp;rev=1777127318&amp;do=diff"/>
                <rdf:li rdf:resource="https://icontemp.com/wiki/cssprimer/doku.php?id=layout:css_flexbox_alignment_and_distribution&amp;rev=1777127306&amp;do=diff"/>
                <rdf:li rdf:resource="https://icontemp.com/wiki/cssprimer/doku.php?id=layout:css_grid_structure_and_composition&amp;rev=1777127297&amp;do=diff"/>
                <rdf:li rdf:resource="https://icontemp.com/wiki/cssprimer/doku.php?id=layout:css_positioning_exceptions_and_overlays&amp;rev=1777127278&amp;do=diff"/>
                <rdf:li rdf:resource="https://icontemp.com/wiki/cssprimer/doku.php?id=layout:start&amp;rev=1777126737&amp;do=diff"/>
            </rdf:Seq>
        </items>
    </channel>
    <image rdf:about="https://icontemp.com/wiki/cssprimer/lib/exe/fetch.php?media=wiki:logo.png">
        <title>CSS Primer For the AI Era</title>
        <link>https://icontemp.com/wiki/cssprimer/</link>
        <url>https://icontemp.com/wiki/cssprimer/lib/exe/fetch.php?media=wiki:logo.png</url>
    </image>
    <item rdf:about="https://icontemp.com/wiki/cssprimer/doku.php?id=layout:css_extending_the_baseline_of_normal_flow&amp;rev=1777127318&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2026-04-25T14:28:38+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>01.Layout — Extending the Baseline of Normal Flow</title>
        <link>https://icontemp.com/wiki/cssprimer/doku.php?id=layout:css_extending_the_baseline_of_normal_flow&amp;rev=1777127318&amp;do=diff</link>
        <description>01.Layout — Extending the Baseline of Normal Flow

—Part of CSS Primer for the AI Era — Layout

As seen before, Normal flow gives us the baseline — 
the quiet, predictable way elements arrange themselves when we don’t intervene.

The Layout topic begins</description>
    </item>
    <item rdf:about="https://icontemp.com/wiki/cssprimer/doku.php?id=layout:css_flexbox_alignment_and_distribution&amp;rev=1777127306&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2026-04-25T14:28:26+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>02. Flexbox — Alignment and Distribution</title>
        <link>https://icontemp.com/wiki/cssprimer/doku.php?id=layout:css_flexbox_alignment_and_distribution&amp;rev=1777127306&amp;do=diff</link>
        <description>02. Flexbox — Alignment and Distribution

—Part of CSS Primer for the AI Era — Layout

Flexbox is the browser’s tool for alignment.

Where normal flow gives us vertical stacking and inline wrapping, 

flexbox gives us a way to align, distribute, and order elements along a single axis:</description>
    </item>
    <item rdf:about="https://icontemp.com/wiki/cssprimer/doku.php?id=layout:css_grid_structure_and_composition&amp;rev=1777127297&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2026-04-25T14:28:17+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>03. Grid — Structure and Composition</title>
        <link>https://icontemp.com/wiki/cssprimer/doku.php?id=layout:css_grid_structure_and_composition&amp;rev=1777127297&amp;do=diff</link>
        <description>03. Grid — Structure and Composition

—Part of CSS Primer for the AI Era — Layout

Grid is the browser’s tool for structure.

Where flexbox arranges items along a single axis, 

grid creates a two‑dimensional layout 

— rows and columns working together.</description>
    </item>
    <item rdf:about="https://icontemp.com/wiki/cssprimer/doku.php?id=layout:css_positioning_exceptions_and_overlays&amp;rev=1777127278&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2026-04-25T14:27:58+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>04. Positioning — Exceptions and Overlays</title>
        <link>https://icontemp.com/wiki/cssprimer/doku.php?id=layout:css_positioning_exceptions_and_overlays&amp;rev=1777127278&amp;do=diff</link>
        <description>04. Positioning — Exceptions and Overlays

—Part of CSS Primer for the AI Era — Layout

Most of the time, elements live inside normal flow.

Flexbox and Grid extend that flow 

by giving us alignment and structure.

But sometimes an element must break free:</description>
    </item>
    <item rdf:about="https://icontemp.com/wiki/cssprimer/doku.php?id=layout:start&amp;rev=1777126737&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2026-04-25T14:18:57+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>Layout</title>
        <link>https://icontemp.com/wiki/cssprimer/doku.php?id=layout:start&amp;rev=1777126737&amp;do=diff</link>
        <description>Layout

Please sort A-Z for intended reading sequence.</description>
    </item>
</rdf:RDF>
