Search results
space-y-9 > * + * margin-top: 2.25rem; /* 36px */ space-x-10 > * + * margin-left: 2.5rem; /* 40px */ space-y-10 > * + * margin-top: 2.5rem; /* 40px */ space-x-11 > * + * margin-left: 2.75rem; /* 44px */ space-y-11 > * + * margin-top: 2.75rem; /* 44px */ space-x-12 > * + * margin-left: 3rem; /* 48px */ space-y-12 > * + * margin-top: 3rem ...
18 lut 2021 · When using spacing utilities inside reversed flex containers, you can use the space-{x/y}-reverse utility: https://tailwindcss.com/docs/space#reversing-children-order. Note - since you want to "un-reverse" them for the lg breakpoint, you'll need to redeclare your spacing for the large breakpoint with lg:space-y-4. This will redefine the --tw ...
Reversing children order. If your elements are in reverse order (using say flex-row-reverse or flex-col-reverse), use the space-x-reverse or space-y-reverse utilities to ensure the space is added to the correct side of each element. 1. 2. 3.
23 lip 2021 · If your elements are in reverse order (using say flex-row-reverse or flex-col-reverse), use the space-x-reverse or space-y-reverse utilities to ensure the space is added to the correct side of each element.
If your elements are in reverse order (using say flex-row-reverse or flex-col-reverse), use the space-x-reverse or space-y-reverse utilities to ensure the space is added to the correct side of each element.
Tailwind CSS class .space-x-reverse / .space-y-reverse with source code and live preview. You can copy our examples and paste them into your project!
Tailwind CSS - Space Between - Space Between is used to create gaps or space between child elements of any container. CSS margin-top, margin-right, margin-bottom, margin-left, --tw-space-y-reverse, and --tw-space-x-reverse can be replaced by the class of space between.