Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision
Previous revision
columns [2023/03/01 01:01] – [Columns] thehortcolumns [2023/03/01 01:16] (current) – [Additional Classes] thehort
Line 14: Line 14:
 | ''container%%--%%large''    | Restricts element to a max width of 1420px  | | ''container%%--%%large''    | Restricts element to a max width of 1420px  |
 | ''container%%--%%medium''    | Restricts element to a max width of 1280px  | | ''container%%--%%medium''    | Restricts element to a max width of 1280px  |
 +| ''container%%--%%small''    | Restricts element to a max width of 950px  |
 | ''full-width''    | Removes maximum width from column set so it stretches the full width of the page at larger screen sizes   | | ''full-width''    | Removes maximum width from column set so it stretches the full width of the page at larger screen sizes   |
 | ''full-width-no-gap''  | Removes maximum width, gap, and padding from column set so it takes up the entire width of the screen with no white space  | | ''full-width-no-gap''  | Removes maximum width, gap, and padding from column set so it takes up the entire width of the screen with no white space  |
 | ''mobile-full-width''    | Sets the single column or column set to take up the entire screen width at mobile screen sizes  | | ''mobile-full-width''    | Sets the single column or column set to take up the entire screen width at mobile screen sizes  |
 +| ''mobile-show-one-column''    | Displays only the first column at mobile screen sizes, hiding all other columns |
 | ''no-gap-no-padding''    | Remove all gaps and padding from column set  | | ''no-gap-no-padding''    | Remove all gaps and padding from column set  |