vault backup: 2025-01-13 18:04:20

2 files changed, 5 insertions, 0 deletions

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.