Need help with responsie header icon 2

I shouldn't have deleted first post, sorry I am learning I am struggling to make the icon responsive on my project, it disappears on a smaller screen. (I know my right arrow does as well but this is a different issue as well as other issues like displaying 1 to 5 cards, I am not fixing this yet). https://codesandbox.io/p/sandbox/github/lilshebeary/AbeeCDEFG/tree/main/
No description
No description
8 Replies
ssh
ssh6mo ago
No description
beary
beary6mo ago
I meant right arrow
ssh
ssh6mo ago
position : sticky
right : 0
position : sticky
right : 0
Might work Or if you place both arrows outside the scrollable / zone
b1mind
b1mind6mo ago
Personally I would use a "stack" with Grid Allows for easy placement and layers
beary
beary6mo ago
I may try to do it with grid also But the main thing I was addressing right now was the responsiveness. It’s been a little bit of a struggle for me.
clevermissfox
clevermissfox6mo ago
If you use grid you can give it a minmax so it gets smaller as screen shrinks but doesn’t disappear
beary
beary6mo ago
@clevermissfox thank you 🙂