문서의 선택한 두 판 사이의 차이를 보여줍니다.
양쪽 이전 판 이전 판 다음 판 | 이전 판 | ||
wiki:css:css_note:css_templates [2021/07/12 10:54] emblim98 [Using flexbox] |
wiki:css:css_note:css_templates [2023/01/13 18:44] (현재) |
||
---|---|---|---|
줄 235: | 줄 235: | ||
} | } | ||
- | /* Responsive layout - makes the three columns stack on top of each other instead of next to each other. */ | + | /* Responsive layout - makes the three columns stack |
+ | | ||
@media (max-width: 600px) { | @media (max-width: 600px) { | ||
.grid-container { | .grid-container { | ||
줄 254: | 줄 255: | ||
< | < | ||
<p> | <p> | ||
- | In this example, we have created a header, three equal columns and a footer. On Smaller screens, the columns will stack on top of each other. | + | In this example, we have created a header, three equal columns and a footer. |
+ | | ||
</p> | </p> | ||
< | < | ||
<p> | <p> | ||
- | < | + | < |
+ | | ||
</p> | </p> | ||