CSS Grid Layout

GPTKB entity

Statements (60)
Predicate Object
gptkbp:instanceOf gptkb:website
gptkb:W3C_Recommendation
gptkbp:alsoKnownAs gptkb:CSS_Grid
gptkbp:category Web development
Cascading Style Sheets
gptkbp:compatibleWith Internet Explorer (full spec)
gptkbp:definedIn gptkb:CSS_Grid_Layout_Module_Level_1
gptkbp:documentation https://www.w3.org/TR/css-grid-1/
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout
gptkbp:enables grid-based responsive design
row and column alignment
two-dimensional web layouts
gptkbp:firstPublished 2017
gptkbp:hasFeature auto-placement
explicit grid
fractional units (fr)
grid area naming
implicit grid
minmax() function
named grid lines
repeat() function
subgrid (Level 2)
gptkbp:hasProperty align-content
align-items
display: grid
grid-auto-columns
grid-auto-flow
grid-auto-rows
grid-column
grid-gap
grid-row
grid-template-areas
grid-template-columns
grid-template-rows
justify-content
justify-items
place-content
place-items
gptkbp:hasSyntaxExample display: grid; grid-template-columns: 1fr 2fr; grid-gap: 10px;
https://www.w3.org/2000/01/rdf-schema#label CSS Grid Layout
gptkbp:relatedTo gptkb:Flexbox
CSS floats
CSS positioning
gptkbp:standardizedBy gptkb:W3C
gptkbp:supportedBy gptkb:opera
gptkb:Edge
gptkb:Safari
gptkb:Firefox
gptkb:Chrome
gptkbp:usedFor responsive design
application interfaces
web page layout
gptkbp:uses grid cells
grid areas
grid container
grid items
grid lines
grid tracks
gptkbp:bfsParent gptkb:CSS_Working_Group
gptkbp:bfsLayer 4