On small screens, resource titles and URLs do not wrap, causing them to overflow the container and disappear from the viewport.
Tasks:
Update the CSS/Tailwind classes in VaultDetail.jsx (Resource list items) to use break-all or truncate.
Ensure the container uses flex-wrap or a single-column stack on mobile viewports.
Test layout on screens below 640px.
On small screens, resource titles and URLs do not wrap, causing them to overflow the container and disappear from the viewport.
Tasks:
Update the CSS/Tailwind classes in VaultDetail.jsx (Resource list items) to use break-all or truncate.
Ensure the container uses flex-wrap or a single-column stack on mobile viewports.
Test layout on screens below 640px.