/svelte-responsive-row

Primary LanguageDockerfile

What's this?

  • A svelte component for creating a responsive row.

How does it work?

  • You pick an ideal size for the columns or items.
  • (Optionally) You can pick a gap size. (default: .1em)
  • And, it determines the column count on every row based on the ideal and gap size.
  • Then it sets the column size as row width / column count.
  • And, when there is only 1 column per row it shrinks the column if it doesn't fit. (for mobile and stuff)