From 9642cd7ae24f0ba79ce5647c709b35ae8f06a285 Mon Sep 17 00:00:00 2001 From: Jasper Ras Date: Sun, 19 Jan 2025 21:14:51 +0100 Subject: vault backup: 2025-01-19 21:14:51 --- 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