wiki:css:css_note:css_templates

차이

문서의 선택한 두 판 사이의 차이를 보여줍니다.

차이 보기로 링크

--- wiki:css:css_note:css_templates [2021/07/12 10:53]
emblim98 [Using float]
+++ wiki:css:css_note:css_templates [2023/01/13 18:44] (현재)
@@ 줄 136: / 줄 136: @@
     }
-    /* 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
+    on top of each other instead of next to each other */
     @media (max-width: 600px) {
       .row {
@@ 줄 149: / 줄 150: @@
   <h2>CSS Template using Flexbox</h2>
   <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.
+    On smaller screens, the columns will stack on top of each other.
   </p>
   <p>Resize the browser window to see the responsive effect.</p>
-  <p><strong>Note:</strong> Flexbox is not supported in Internet Explorer 10 and earlier versions.</p>
+  <p>
+    <strong>Note:</strong>
+    Flexbox is not supported in Internet Explorer 10 and earlier versions.
+  </p>
   <div class="header">
@@ 줄 230: / 줄 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
+    on top of each other instead of next to each other. */
     @media (max-width: 600px) {
       .grid-container {
@@ 줄 249: / 줄 255: @@
   <h2>CSS Template using Grid</h2>
   <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.
+    On Smaller screens, the columns will stack on top of each other.
   </p>
   <p>Resize the browser window to see the responsive effect.</p>
   <p>
-    <strong>Note:</strong> The Grid layout Module is not supported in Internet Explorer or Edge 15 and earlier versions.
+    <strong>Note:</strong>
+    The Grid layout Module is not supported in Internet Explorer or Edge 15 and earlier versions.
   </p>

/volume1/web/dokuwiki/data/attic/wiki/css/css_note/css_templates.1626054809.txt.gz · 마지막으로 수정됨: 2022/03/10 19:52 (바깥 편집)