From 3746a867f82bc09b1240b54370b3608677f779bc Mon Sep 17 00:00:00 2001
From: Sascha Schulz <sschulz@dh-software.de>
Date: Di, 12 Sep 2023 16:06:22 +0200
Subject: [PATCH] change example for viewport, add examples for css units and css flexbox
---
templates/008-css/units.html | 18 ++++++++++++++++++
templates/008-css/viewport.html | 1 +
templates/008-css/flexbox.html | 20 ++++++++++++++++++++
3 files changed, 39 insertions(+), 0 deletions(-)
diff --git a/templates/008-css/flexbox.html b/templates/008-css/flexbox.html
new file mode 100644
index 0000000..537c674
--- /dev/null
+++ b/templates/008-css/flexbox.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en">
+ <head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
+ <title>Flexbox</title>
+ <style>
+ .container {
+ display: flex;
+ }
+ </style>
+ </head>
+ <body>
+ <div class="container">
+ <div class="child">1</div>
+ <div class="child crazy">2</div>
+ <div class="child">3</div>
+ </div>
+ </body>
+</html>
diff --git a/templates/008-css/units.html b/templates/008-css/units.html
new file mode 100644
index 0000000..f7a758a
--- /dev/null
+++ b/templates/008-css/units.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+ <head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
+ <title>Units</title>
+ <style>
+ html {
+ font-size: 16px;
+ }
+
+ .px { width: 10px; }
+ </style>
+ </head>
+ <body>
+ <div class="px">px</div>
+ </body>
+</html>
diff --git a/templates/008-css/viewport.html b/templates/008-css/viewport.html
index 236e775..9ed8ee7 100644
--- a/templates/008-css/viewport.html
+++ b/templates/008-css/viewport.html
@@ -6,5 +6,6 @@
<title>Viewport Example</title>
</head>
<body>
+ Dies ist ein Text!
</body>
</html>
--
Gitblit v1.9.3