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
#how-to-ask-good-questions
Like this
The first view must be divided to container and when scroll i see the rest
I hope is clear
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?
not sure if you mean something like this
https://codepen.io/MarkBoots/pen/zYbYvzx
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
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
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
like this
this case 2X2
can you provide the code
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
!!
what do you mean by "!!"?
Nothing just to post be active and member can helps me
can you mockup an example of what you would like to acchieve. A visual representation
I will make codesandbox
hi every one i hope all fine
i want to use virtualization in grid container
this code
what do you mean by "virtualization"?
Not really if I'm honest
A scroll driven opacity animation? Do you have a screenshot or video or visual of the behaviour you’re trying to implement?
also, if it's a separate problem from the original problem in the post, please make a new post.