From bd5a00c61b355c857b5c99323592ca432dea5d0a Mon Sep 17 00:00:00 2001 From: Mitchell Riedstra Date: Fri, 5 Jan 2024 23:18:49 -0500 Subject: wip --- htmx/static/pico-1.5.11/docs/src/containers.html | 74 ++++++++++++++++++++++++ 1 file changed, 74 insertions(+) create mode 100644 htmx/static/pico-1.5.11/docs/src/containers.html (limited to 'htmx/static/pico-1.5.11/docs/src/containers.html') diff --git a/htmx/static/pico-1.5.11/docs/src/containers.html b/htmx/static/pico-1.5.11/docs/src/containers.html new file mode 100644 index 0000000..63dd3b7 --- /dev/null +++ b/htmx/static/pico-1.5.11/docs/src/containers.html @@ -0,0 +1,74 @@ + + + + ${require('./_head.html') + title=`Containers` + description=`.container enable a centered viewport, .container-fluid enable a 100% layout.` + canonical=`containers.html` + } + + + + ${require('./_nav.html')} + +
+ ${require('./_sidebar.html') active=`containers-link`} + +
+
+
+

Containers

+

+ .container enable a centered viewport.
+ .container-fluid enable a 100% layout. +

+
+ +
<body>
+  <main class="container"></main>
+</body>
+ +

Pico uses the same breakpoints and viewports sizes as Bootstrap.

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
DeviceExtra smallSmallMediumLargeExtra large
Breakpoint<576px≥576px≥768px≥992px≥1200px
Viewport100%540px720px960px1140px
+
+

<header>, <main> and <footer> as direct children of <body> provide a responsive vertical padding

+

<section> provides a responsive margin-bottom to separate your sections.

+
+ + ${require('./_footer.html')} + +
+
+ + + -- cgit v1.2.3