css problem grid

My problem is i have container 860/1300 for example I have list of items And i have dynamic col and rows for devising this container I want to see in this container rowxcol Divided in full container and when i scroll i see the rest of items with same view I want to make grid and show items
21 Replies
Azyrum
Azyrum11mo ago
#how-to-ask-good-questions
M@HeR
M@HeR11mo ago
No description
M@HeR
M@HeR11mo ago
Like this The first view must be divided to container and when scroll i see the rest I hope is clear
Azyrum
Azyrum11mo ago
So you dont want the last (in this example) 3 items to display, only when you scroll down? @M@HeR https://codesandbox.io/p/sandbox/container-overflow-rqf6wp this?
MarkBoots
MarkBoots11mo ago
not sure if you mean something like this https://codepen.io/MarkBoots/pen/zYbYvzx
M@HeR
M@HeR11mo ago
Thanks for your response I will try it now its look good but ithe col and row is changeable For example if i have 1col X 2row i mist to see 2 item in preview
MarkBoots
MarkBoots11mo ago
not really sure what you mean with that, but you can adjust the custom property for visable-rows and the grid-template-column. and if needed you can adjust it in a media qeury
M@HeR
M@HeR11mo ago
in codepen i see the result in all my chayge of row and colomn but in my project in some case i dont have the same result the items is too small
M@HeR
M@HeR11mo ago
like this
No description
M@HeR
M@HeR11mo ago
this case 2X2
Azyrum
Azyrum11mo ago
can you provide the code
M@HeR
M@HeR11mo ago
in same case is correct and other none just 2 min i will put sample for card https://codepen.io/MaherUnlocker/pen/wvOvzvN in this sample i want to show in container depend on row and col if number col les than 3 the view will be false else will be correct for information min heigth of my card is 170px and max is 712px I have problem when number of colomun and row 1/2 or 2/1 i have incorrect display !!
Jochem
Jochem11mo ago
what do you mean by "!!"?
M@HeR
M@HeR11mo ago
Nothing just to post be active and member can helps me
MarkBoots
MarkBoots11mo ago
can you mockup an example of what you would like to acchieve. A visual representation
M@HeR
M@HeR11mo ago
I will make codesandbox hi every one i hope all fine i want to use virtualization in grid container this code
Jochem
Jochem11mo ago
what do you mean by "virtualization"?
M@HeR
M@HeR11mo ago
i want to render item only in view https://cvk4rc.csb.app/ I hope my problem is clear
Jochem
Jochem11mo ago
Not really if I'm honest
clevermissfox
clevermissfox11mo ago
A scroll driven opacity animation? Do you have a screenshot or video or visual of the behaviour you’re trying to implement?
Jochem
Jochem11mo ago
also, if it's a separate problem from the original problem in the post, please make a new post.
Want results from more Discord servers?
Add your server