Pens from Igalia https://codepen.io/igalia/ en nospam@codepen.io Copyright 2024 2015-05-28T20:44:46-07:00 A Pen by Igalia https://codepen.io/igalia/pen/zGKeGN https://codepen.io/igalia/pen/zGKeGN Igalia

See the Code - See it Full Page - See Details

]]>
A Pen by Igalia 2015-05-28T20:44:46-07:00
A Pen by Igalia https://codepen.io/igalia/pen/MwjLWK https://codepen.io/igalia/pen/MwjLWK Igalia

See the Code - See it Full Page - See Details

]]>
A Pen by Igalia 2015-05-25T11:17:08-07:00
A Pen by Igalia https://codepen.io/igalia/pen/zGKyQK https://codepen.io/igalia/pen/zGKyQK Igalia

See the Code - See it Full Page - See Details

]]>
A Pen by Igalia 2015-05-22T23:23:51-07:00
A Pen by Igalia https://codepen.io/igalia/pen/vEOrXw https://codepen.io/igalia/pen/vEOrXw Igalia

See the Code - See it Full Page - See Details

]]>
A Pen by Igalia 2014-11-26T22:55:44-07:00
[CSS Grid Layout] Auto-placement form https://codepen.io/igalia/pen/XWEreZ https://codepen.io/igalia/pen/XWEreZ Igalia

See the Code - See it Full Page - See Details

Example of how to format a simple form using grid auto-placement feature (see <a href="http://www.w3.org/TR/css-grid/#grid-auto-flow-property">spec</a>).

]]>
[CSS Grid Layout] Auto-placement form 2014-08-01T08:47:44-07:00
[CSS Grid Layout] Grid areas https://codepen.io/igalia/pen/MWVgvv https://codepen.io/igalia/pen/MWVgvv Igalia

See the Code - See it Full Page - See Details

Example of grid areas usage (see <a href="http://www.w3.org/TR/css-grid/#grid-template-areas-property">spec</a>).

]]>
[CSS Grid Layout] Grid areas 2014-08-01T08:40:03-07:00
[CSS Grid Layout] Flexible track breadths https://codepen.io/igalia/pen/rNJEXN https://codepen.io/igalia/pen/rNJEXN Igalia

See the Code - See it Full Page - See Details

Example with 3 rows and 3 columns. First and last rows are 100px height and middle row should use the remaining space. The same for columns but using 200px as width (see <a href="http://www.w3.org/TR/css-grid/#fr-unit">spec</a>).

]]>
[CSS Grid Layout] Flexible track breadths 2014-08-01T08:30:02-07:00
[CSS Grid Layout] Simple grid example https://codepen.io/igalia/pen/ExQBzj https://codepen.io/igalia/pen/ExQBzj Igalia

See the Code - See it Full Page - See Details

Very simple 2x2 grid with fixed track breadths (see <a href="http://www.w3.org/TR/css-grid/#track-sizing">spec</a>).

]]>
[CSS Grid Layout] Simple grid example 2014-08-01T08:29:04-07:00