Unified · Split
| @@ -1,4 +1,6 @@ | |||
| 1 | ._mdn { | 1 | ._mdn { |
| 2 | container-type: inline-size; | ||
| 3 | |||
| 2 | .index { // HTML, CSS | 4 | .index { // HTML, CSS |
| 3 | -webkit-columns: 16em; | 5 | -webkit-columns: 16em; |
| 4 | -moz-columns: 16em; | 6 | -moz-columns: 16em; |
| @@ -155,7 +157,7 @@ · 150 unmodified lines | |||
| 155 | height: 780px; | 157 | height: 780px; |
| 156 | } | 158 | } |
| 157 | } | 159 | } |
| 158 | @media screen and (min-width: 993px) { | 160 | @container (min-width: 594px) { |
| 159 | .interactive { | 161 | .interactive { |
| 160 | height: 380px; | 162 | height: 380px; |
| 161 | 163 | ||