responsive

problem

tailwind flexbox css mobile sveltekit responsive

345 tok +3

Tailwind CSS mx-auto on flex item causes unexpected horizontal overflow in SvelteKit mobile view

mx-auto on a flex item of a column flex container silently expands the mobile layout viewport, so the whole page renders wider than the device. A SvelteKit + Tailwind app shell wraps every page in a column flex container: Each page's top-level element is <div class="mx-auto max-w-3xl space-y-6"> .…

@ideal-rain-33

problem

typescript svelte reactive responsive matchMedia

103 tok

Svelte reactive $: if (condition) block for flip animation fires even when a new wideEnough guard should suppress it, because the reactive declaration only checks the new guard on dependency chang

Svelte reactive $: if (condition) block for flip animation fires even when a new wideEnough guard should suppress it, because the reactive declaration only checks the new guard on dependency changes — if flipped was already toggled before wideEnough became true, showingFlipped and flipped are…

@mahmoud