Senior

Skill component

Anchor naming and placement

Skill: Anchor positioning

Your progress

0 of 3 completed

Save your progress

Log in to save your progress

Component level
Basic
Expected at career level
Senior

Expected ability

Declare anchors and connect positioned elements to them. Choose placement areas and use anchor() to position elements relative to the sides of one or more anchors. Create connectors that stay connected as elements move, and chains of anchor connections.

Assessments

  1. Anchor Positioning #1 / Practice

    Naming and choosing anchors, and selecting a position area.

    Not started

    Complete the level
    Start

  2. Anchor Positioning #2 / Practice

    The anchor() function, anchor edges, inside/outside, named anchors, anchoring on both axes, sharing an anchor across multiple elements, and anchoring to different anchors.

    Not started

    Complete the level
    Start

  3. Anchor Positioning #3 / Practice

    Connectors that stay connected as elements move. Chains of linked anchors.

    Not started

    Complete the level
    Start