feat: Increase card number on landing

[floyd-li]

Thank you for your contribution to the KodaDot NFT gallery.

just increase the card number on landing page, make it 6 card on width > 1280 and 4 on width > 1024.

also improve the card slide step on different width

@exezbcz mr.designer if there's any suggestion please tell me lol

👇 _ Let's make a quick check before the contribution.

PR Type

• Bugfix
• Feature
• Refactoring

Context

• Closes Increase number of cards on carousel landing page  #5256
• Requires deployment <>

Before submitting pull request, please make sure:

• My contribution builds clean without any errors or warnings
• I've merged recent default branch -- main and I've no conflicts
• I've tried to respect high code quality standards
• I've didn't break any original functionality
• I've posted a screenshot of demonstrated change in this PR

Optional

• I've tested it at </bsx/collection>
• I've tested PR on mobile
• I've written unit tests 🧪
• I've found edge cases

Had issue bounty label?

• Fill up your KSM address: Payout

Community participation

• Are you at KodaDot Discord?

Screenshot 📸

• My fix has changed something on UI; a screenshot is best to understand changes for others.

[kodabot]

SUCCESS @floyd-li PR for issue #5256 which is assigned to you. Please wait for review and don't hesitate to grab another issue in the meantime!

[netlify]

✅ Deploy Preview for koda-nuxt ready!

Name	Link
🔨 Latest commit	bb67cae
🔍 Latest deploy log	https://app.netlify.com/sites/koda-nuxt/deploys/6417559dafcb5200089a0e71
😎 Deploy Preview	https://deploy-preview-5295--koda-nuxt.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site settings.

[exezbcz]

bruh, is it new thing calling me like that? :D
Let's make it 5 card on width > 1280 and 4 on width > 1024.
and if it would be possible - add breakpoint for 1540 (where currently is for the top collections) and put 6 cards there
This way you wont get 6 small cards on 13" screens

• plus for the xl screens, can you edit the featured articles part? Maybe like from 1540 - 4 cards instead of 3

Thanks!

[floyd-li]

@exezbcz updated

[exezbcz]

@floyd-li yes, good!

[codeclimate]

Code Climate has analyzed commit bb67cae and detected 0 issues on this pull request.

View more on Code Climate.

[vikiival]

pay 20 usd

[yangwao]

😍 Perfect, I’ve sent the payout
💵 $20 @ 37.31 USD/KSM ~ 0.536 $KSM
🧗 EZiu1PjV2j2JHKxY6mHnFwwCRCoV27uHKQSkKXATSh1srJT
🔗 0x9982ef70cac1c1a1052bcf0c8b37ec7dd0a687acfe7138914c4aba98dc54bb3f

🪅 Let’s grab another issue and get rewarded!
🪄 github.com/kodadot/nft-gallery/issues