From 3d21c92def37bc1ce24694126fa35701bf1f5955 Mon Sep 17 00:00:00 2001 From: Sascha Schulz <sschulz@dh-software.de> Date: Di, 24 Okt 2023 17:42:00 +0200 Subject: [PATCH] Merge branch 'draft' --- assets/html/css-grid-example-1.html | 31 +++++++++++++++++++++++++++++++ 1 files changed, 31 insertions(+), 0 deletions(-) diff --git a/assets/html/css-grid-example-1.html b/assets/html/css-grid-example-1.html new file mode 100644 index 0000000..82c83f8 --- /dev/null +++ b/assets/html/css-grid-example-1.html @@ -0,0 +1,31 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <meta charset="UTF-8"> + <title>Title</title> + <style> + span { + background-color: yellow; + } + + .grid { + display: grid; /* inline-flex; */ + + grid-template-columns: 1fr 1fr 1fr; + grid-template-rows: 1fr 1fr; + + gap: 10px 20px; + } + </style> + </head> + <body> + <div class="grid"> + <span>A</span> + <span>B</span> + <span>C</span> + <span>D</span> + <span>E</span> + <span>F</span> + </div> + </body> +</html> -- Gitblit v1.9.3