diff options
Diffstat (limited to '3 Resources/TailwindCSS')
| -rw-r--r-- | 3 Resources/TailwindCSS/Container.md | 2 | ||||
| -rw-r--r-- | 3 Resources/TailwindCSS/Prevent overflow.md | 3 |
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. |