Responsive Behavior Help

Ask the community
,
1

Hi,

I’ve been trying for a few days to create a Repeater or another approach with the same responsive behavior as the prebuilt input shown in the attached video. My goal is to have a set of links that adjust to browser changes similarly to the prebuilt input in the video, specifically by stacking on top of each other. I was hoping to use a Repeater because it would make managing the links easier with a CMS collection. Any help would be greatly appreciated.

Thanks,
Chris

Example Responsive Behavior

2

Have you looked into using a Selection Tags input element ?

3

Hi Dan,

Thank you for the information. Unfortunately, I think I might not have communicated my goal clearly. What I’m hoping to achieve is a Repeater, Container, or Stack (whichever will work) that contains 10-20 links with the same responsive behavior as the Input Element in the video, but these links should lead to other pages on the website. Specifically, I want the links to stack like bricks below each other as the browser width shrinks, while still functioning as navigational links. I hope this clarifies my goal.

Thanks,
Chris

4

Flexbox will be your friend here - in fact, it has a Bricks option available :raised_hands:

Screenshot 2024-08-28 at 18.36.01

5

Thanks for the insight. I will give it a try this weekend.