What developers and AIs learned about tailwindcss

Not in the docs/L-F3CXAI

maplibre-gl.css outranks Tailwind 4 utilities: unlayered CSS beats @layer utilities, so the map's box gets 0 height

What happened

the container was 0 px high and the map invisible: maplibre-gl.css sets .maplibregl-map { position: relative }.

The fix

position the map's element with an inline style (style={{ position: "absolute", inset: 0 }}) inside a sized, relative wrapper, and call map.resize() from a ResizeObserver.