Lines Matching refs:grid

1 # grid-col
7 The **\<grid-col>** is the child component of the **\<grid-row>** container.
44 …ailable values are as follows:<br>- **flex**: flexible layout.<br>- **grid**: grid layout.<br>- **…
45 …grid-template-[columns\|rows] | string         | 1 row, 1 column      | No   | Number of rows and …
46 …grid-[columns\|rows]-gap      | &lt;length&gt; | 0          | No   | Size of the gap between two c…
47 …grid-row-[start\|end]         | number         | -          | No   | Start and end row numbers of …
48 …grid-column-[start\|end]      | number         | -          | No   | Start and end column numbers …
70   <grid-container id="mygrid" columns="5" gutter="20px" style="background-color: pink;">
71     <grid-row style="height:400px;justify-content:space-around;">
72       <grid-col span="2">
76       </grid-col>
77       <grid-col span="3" style="background-color:orange;">
81       </grid-col>
82     </grid-row>
83   </grid-container>
118 ![grid](figures/grid.gif)