Community forum for knowledge and support

Updated 11 months ago

Adjusting Grid Layout for Varying Logo Widths

At a glance
The community member is seeking a workaround for the logo3 component, where the items (logos) need to be of similar width due to the set width and gap between the grid boxes. Another community member, Lauren, has found a simplified solution and shared a video link, which the original poster is considering to refactor their carousel components.
Useful resources

Hey! Anyone able to help me with this:

With the logo3 component the way it’s set up only seems to make sense if the items in there (logos) are all about the same width, since theres a set width on each grid box and a set gap between them. Can you think of a workaround for this without having to rebuild the entire thing using flexbox and space-around?

M
1 comment

Lauren actually resolved this with her superior researching skills and found a very simplified solution.
https://www.youtube.com/watch?v=EgsgZi07KwE&t=88s&ab_channel=RedPanther

Hope you don't mind that I shared it here Lauren - but this is a great solution for sure. I've sent it to the component team to see if we can refactor some of these carousel components to use the same technique.

Add a reply
Sign up and join the conversation on Slack