Overview

The next link was aligned to the left instead of the right on tablet-sized screens (like iPad) when prev link is missing.

Fix

Before:

When prev link is missing, the placeholder only becomes visible at lg breakpoint (hidden lg:block). However, the grid switches to 2 columns at sm breakpoint (sm:grid-cols-2). This mismatch causes the next link to be placed in the first column (left side) between sm and lg breakpoints, since the placeholder is hidden and doesn't occupy the first grid cell.

After:

🔗 Linked issue

❓ Type of change

• 📖 Documentation (updates to the documentation or readme)
• 🐞 Bug fix (a non-breaking change that fixes an issue)
• 👌 Enhancement (improving an existing functionality)
• ✨ New feature (a non-breaking change that adds functionality)
• 🧹 Chore (updates to the build process or auxiliary tools and libraries)
• ⚠️ Breaking change (fix or feature that would cause existing functionality to change)

📚 Description

📝 Checklist

I searched for "iPad", "tablet", and "responsive breakpoint" but didn't find any related issues. It seems this issue hasn't been reported before.

• [ ] I have linked an issue or discussion.
• [ ] I have updated the documentation accordingly.