Streaming live at 10am (PST)

Conditional Dynamic List item Display Sizes?


#1

Hello.

I would like to know how I can use the dynamic items options, but not have exactly the same size image in every list item.

Ideally i would like to make 1 (the first or top item box) 50% width, and then other item boxes following, 25% as example.

1 Feature car, 50% width, then the other cars 25%
continue on..
Another feature car 50% width, others 25%
until there is another feature..etc..etc..

Is there any way to force CSS dynamically?
can someone help or point out any tutorials on this..
I've seen a couple but they don't seem to be what i'm looking for..

Thanks in advance!


#2

Hi @klubjunk,

It's worth your time using Flexbox to achieve this -- https://flexbox.webflow.com/#collectiongrid

Hope it helps.

Best,
Naweed

naweedshams.com
twitter.com/naweedshams


#3

Not sure how i missed this, thank you!

Actually it doens't cover anything regarding the "dynamic" part of my requirements.
Any ideas there??


#4

Try nth-child selectors

http://nthmaster.com/


#5

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.