fix: Extremely lucky breakpoint

[Jarsen136]

Thank you for your contribution to the KodaDot - One Stop Shop for Polkadot NFTs.

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

PR Type

• Bugfix

Needs Design check

• @exezbcz please review

Context

• Closes Extremely lucky breakpoint  #9354

Did your issue had any of the "$" label on it?

• My DOT address: Payout

Screenshot 📸

• My fix has changed UI

Copilot Summary

copilot:summary

copilot:poem

[kodabot]

SUCCESS @Jarsen136 PR for issue #9354 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-canary ready!

Name	Link
🔨 Latest commit	9fb81e4
🔍 Latest deploy log	https://app.netlify.com/sites/koda-canary/deploys/65cbf7f125ace90008bd85bb
😎 Deploy Preview	https://deploy-preview-9358--koda-canary.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 configuration.

[prury]

i think it may have broken mobile smaller sizes:

mobile-broke.mp4

[exezbcz]

this does not look good

IMO solution would be to reduce the card amount and stretch the others

[Jarsen136]

IMO solution would be to reduce the card amount and stretch the others

It make sense. Updated

[prury]

@Jarsen136

something that wasn't happening before(last drop card gets cutted):

[Jarsen136]

@Jarsen136

something that wasn't happening before(last drop card gets cutted):

It's not getting "cutted", but showing less cards on the small screen. There are some screenshots for different size screen.

[prury]

@Jarsen136
something that wasn't happening before(last drop card gets cutted):

It's not getting "cutted", but showing less cards on the small screen. There are some screenshots for different size screen.

lol, cutted does not exist my bad, getting cut
its only the last one tho, can you check?

[Jarsen136]

@Jarsen136
something that wasn't happening before(last drop card gets cutted):

It's not getting "cutted", but showing less cards on the small screen. There are some screenshots for different size screen.

lol, cutted does not exist my bad, getting cut its only the last one tho, can you check?

Oh you are talking about the gap between the last card and the edge of the screen. It happens on every carousel list by the way. For example, you could see the gap at the latest sales on landing. If I remember correct, we had an issue for this UI change.

[prury]

Oh you are talking about the gap between the last card and the edge of the screen. It happens on every carousel list by the way. For example, you could see the gap at the latest sales on landing. If I remember correct, we had an issue for this UI change.

is this actually: check the last one(Alchemy)(first video is canary)

cut.mp4

[codeclimate]

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

View more on Code Climate.

[sonarcloud]

Quality Gate passed

Issues
0 New issues

Measures
0 Security Hotspots
No data about Coverage
0.5% Duplication on New Code

See analysis details on SonarCloud

[Jarsen136]

Oh you are talking about the gap between the last card and the edge of the screen. It happens on every carousel list by the way. For example, you could see the gap at the latest sales on landing. If I remember correct, we had an issue for this UI change.

is this actually: check the last one(Alchemy)(first video is canary)

cut.mp4

Thanks for the video, I fixed it.

[yangwao]

Thanks!
pay 30 usd

[yangwao]

😍 Perfect, I’ve sent the payout
💵 $30 @ 7.65 USD/DOT ~ 3.922 $DOT
🧗 16SjUbGKSdjCdWTy3NNT3JxbRVGGqD4mwkHpc6BD9U2Rp29Z
🔗 0xbed9cce1c8f96cdd665464922fa5f097496750740351802d01c2e06522c35a08

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