From fc854cc2382d85fb0b8a6f034d250354cdc80f70 Mon Sep 17 00:00:00 2001 From: plat <136061290+pl44t@users.noreply.github.com> Date: Fri, 3 Jan 2025 11:46:51 +1300 Subject: [PATCH] Create responsive-resizing-grid-layout.md --- .../responsive-resizing-grid-layout.md | 50 +++++++++++++++++++ 1 file changed, 50 insertions(+) create mode 100644 snippets/html/basic-layouts/responsive-resizing-grid-layout.md diff --git a/snippets/html/basic-layouts/responsive-resizing-grid-layout.md b/snippets/html/basic-layouts/responsive-resizing-grid-layout.md new file mode 100644 index 00000000..31b13e22 --- /dev/null +++ b/snippets/html/basic-layouts/responsive-resizing-grid-layout.md @@ -0,0 +1,50 @@ +--- +title: Responsive HTML Grid Layout +description: Creates a responsive grid layout that adjusts the number of columns and rows based on the viewport size using CSS media queries. +author: pl44t +tags: html,css,grid,responsive-design,frontend +--- + +```html + + + + + + + +
+ +
+
1
+
2
+
3
+
4
+
+ +

AltStyle によって変換されたページ (->オリジナル) /

+ +```