Skip to content

Commit 5770c55

Browse files
committed
docs(grid): remove no-padding attribute
closes ionic-team#848
1 parent 5befee6 commit 5770c55

1 file changed

Lines changed: 3 additions & 5 deletions

File tree

‎src/pages/layout/grid.md‎

Lines changed: 3 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -50,7 +50,7 @@ So, `size="4"` can be added to a column in order to take up 1/3 of the grid, or
5050
- Columns without a value for size will automatically have equal widths. For example, four instances of `size-sm` will each automatically be 25% wide for the small breakpoint and up.
5151
- Column widths are set as a percentage, so they’re always fluid and sized relative to their parent element.
5252
- Columns have padding between individual columns, however, the padding can be removed from the grid and
53-
columns by adding `no-padding` on the grid.
53+
columns by adding the `ion-no-padding` class to the grid. See the [CSS Utilities](/docs/layout/css-utilities) for more styles that can be applied to the grid.
5454
- There are five grid tiers, one for each responsive breakpoint: all breakpoints (extra small), small, medium, large, and extra large.
5555
- Grid tiers are based on minimum widths, meaning they apply to their tier and all those larger than them
5656
(e.g., `size-sm="4"` applies to small, medium, large, and extra large devices).
@@ -72,13 +72,11 @@ By default, the grid will take up 100% width. To set a specific width based on t
7272

7373
## Grid attributes
7474

75-
The grid takes up full width and has padding added to it based on the screen size. There are two
76-
attributes that can be used to adjust this behavior.
75+
The grid takes up the entire width of the screen by default. This can be modified using the attribute below.
7776

7877
| Property | Description |
7978
|-----------------|----------------------------------------------------------------------------------|
80-
| no-padding | Removes padding from the grid and immediate children columns. |
81-
| fixed | Set a max width based on the screen size. |
79+
| fixed | Set a max width based on the current screen size. |
8280

8381

8482
## Default breakpoints

0 commit comments

Comments
 (0)