From 4f96c7fef1d21c8fab06c3896a0588dfe253c2c4 Mon Sep 17 00:00:00 2001 From: andres Date: Sat, 4 May 2024 14:37:44 +0200 Subject: [PATCH] add form-showcase --- form-showcase/index.html | 27 +++++++++++++++++++++++++++ form-showcase/styles.css | 37 +++++++++++++++++++++++++++++++++++++ 2 files changed, 64 insertions(+) create mode 100644 form-showcase/index.html create mode 100644 form-showcase/styles.css diff --git a/form-showcase/index.html b/form-showcase/index.html new file mode 100644 index 0000000..a9f98cb --- /dev/null +++ b/form-showcase/index.html @@ -0,0 +1,27 @@ + + + + + + + Document + + + +
+
+ + + + + + + + + + +
+
+ + \ No newline at end of file diff --git a/form-showcase/styles.css b/form-showcase/styles.css new file mode 100644 index 0000000..084c3ac --- /dev/null +++ b/form-showcase/styles.css @@ -0,0 +1,37 @@ +:root { + font-family: sans-serif; + color-scheme: dark light; +} + +main { + max-width: 500px; + margin: 0 auto; + padding: 16px; +} + +form { + display: flex; + flex-direction: column; + gap: 8px; + + padding: 16px; + + border-radius: 8px; +} + +input { + padding: 8px; + border: 1px solid #ccc; + border-radius: 4px; +} + +button { + margin-top: 1rem; + padding: 8px; + + font: inherit; + + background-color: dodgerblue; + border: none; + border-radius: 4px; +}