You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
{{ message }}
Repository navigation
Commit 5770c55
Browse filesBrowse the repository at this point in the historyBrowse files
Copy file name to clipboardExpand all lines: src/pages/layout/grid.md
+3-5Lines changed: 3 additions & 5 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff 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
50
50
- 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.
51
51
- Column widths are set as a percentage, so they’re always fluid and sized relative to their parent element.
52
52
- 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.
54
54
- There are five grid tiers, one for each responsive breakpoint: all breakpoints (extra small), small, medium, large, and extra large.
55
55
- Grid tiers are based on minimum widths, meaning they apply to their tier and all those larger than them
56
56
(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
72
72
73
73
## Grid attributes
74
74
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.
0 commit comments