CSS Grouping

    0

    0

    itsdmd

    template
    HTML & CSS

    All properties (except special cases) should be sorted in alphabetical order.

    Layout

    How the contents will be layed out (eg. when using Grid or FlexBox). Should starts with display.

    Examples: align-items, gap, grid-template-, justify-items

    Positioning

    Where / How to place contents. Should starts with position.

    Examples: top, inset-, z-index

    Box Model

    Properties that affect the box model. width and height must always go together.

    Examples: margin, padding, block-size

    Display

    Properties that affect the look and feel plus any other properties that don't belong to any of the above group.

    Examples: background-, border, font-, text-align

    Shortcut: grp

    /* Parent Layout */
    val1
    
    /* Layout */
    
    /* Positioning */
    
    /* Box Model */
    
    /* Display */
    
    Codiga Logo
    Codiga Hub
    • Rulesets
    • Playground
    • Snippets
    • Cookbooks
    soc-2 icon

    We are SOC-2 Compliance Certified

    G2 high performer medal

    Codiga – All rights reserved 2022.