File tree 1 file changed +7
-2
lines changed
1 file changed +7
-2
lines changed Original file line number Diff line number Diff line change 106
106
</ div >
107
107
</ header >
108
108
< article class ="pa3 ph5-ns ">
109
+ < h3 class ="f6 ttu tracked mt0 "> Max Widths</ h3 >
109
110
< p class ="measure f4 f3-ns lh-copy ">
110
111
The max-widths module contains both a ten-step scale based on powers
111
- of two as well as a series of percentage values that can prove useful. Max
112
+ of two as well as the ability to constrain element widths to a maximum of 100%.
113
+
114
+ </ p >
115
+ < p class ="measure f5 lh-copy ">
116
+ Max
112
117
widths can be combined with widths to ensure that your content doesn't get too
113
118
wide on larger monitors. Max-widths can also help keep embedded media within
114
119
the canvas. As they are fluid across ranges of screen widths, max-widths are
115
120
extremely useful when trying to keep a design
116
121
responsive.
117
122
</ p >
118
- < p class ="measure f5 f4-ns lh-copy ">
123
+ < p class ="measure f5 lh-copy ">
119
124
Class name structure is as follows:
120
125
</ p >
121
126
< pre >
You can’t perform that action at this time.
0 commit comments