From 969b96c2531fb986f6c7f21fd544391b439defd7 Mon Sep 17 00:00:00 2001 From: Jasper Ras Date: Mon, 13 Jan 2025 18:04:20 +0100 Subject: vault backup: 2025-01-13 18:04:20 --- 3 resources/TailwindCSS/Container.md | 2 ++ 3 resources/TailwindCSS/Prevent overflow.md | 3 +++ 2 files changed, 5 insertions(+) create mode 100644 3 resources/TailwindCSS/Container.md create mode 100644 3 resources/TailwindCSS/Prevent overflow.md (limited to '3 resources/TailwindCSS') diff --git a/3 resources/TailwindCSS/Container.md b/3 resources/TailwindCSS/Container.md new file mode 100644 index 0000000..4b3e6ca --- /dev/null +++ b/3 resources/TailwindCSS/Container.md @@ -0,0 +1,2 @@ +The container class basically adds a margin to the left and right sides. If added mx-auto; it divides the margin equally over both sides. +The margin depends on the current breakpoint. The container max-width is the breakpoints' min-width. diff --git a/3 resources/TailwindCSS/Prevent overflow.md b/3 resources/TailwindCSS/Prevent overflow.md new file mode 100644 index 0000000..8a4abed --- /dev/null +++ b/3 resources/TailwindCSS/Prevent overflow.md @@ -0,0 +1,3 @@ +When creating the wedding invitation I had an issue where the page would allow +scroll horizontally because the flower on the top-right was too big. +Adding the tailwindcss class `overflow-hidden` basically hides all parts that overflow from the container. -- cgit v1.2.3