PricingDocsAcademy
Bluesky ...
Wed, Dec 11, 9:37 PM

Repeat & Responsivess for cards

  • /attachments/1304010189556678687/1304010191062302781/Screen_Shot_2024-11-07_at_9.59.11_AM.png

    Matthieu B.

    1 month ago

    Hey toddlers,
    really struggling here for 2 things, related to "Repeat" and Responsive.

    1ยฐ) Repeat

    I've tried to remove the "Repeat" over my div block, by removing the formula, but the repeat ๐Ÿ” symbol stays on my left panel. Why ?
    See 1st screenshot (blue square)


    2ยฐ) Responsive
    I have a list of cards that use "Repeat"
    I want the card to vary width between 240 and 280px to stretch 100% of the screen width.
    See screenshot 2 (Rick & morty editior)

    How do I do that ?
    Screen_Shot_2024-11-07_at_9.59.11_AM.png
    Screen_Shot_2024-11-07_at_10.07.53_AM.png
  • /attachments/1304010189556678687/1304017467479429171/Screenshot_2567-11-07_at_16.35.49.png

    Armand

    1 month ago

    1) If you open the repeat and click on the trashcan icon it should disappear.
    2) I'm not sure if I follow what behavior you want to see. Do you want the group of cards to stretch 100% of the screen width or do you want want each card to be min240px and max280px and within those constraints use 100% of available space within parent element?
    Screenshot_2567-11-07_at_16.35.49.png
  • Armand

    1 month ago

    if you haven't already seen it, this is a great video on responsive webdesign (in toddle): https://youtu.be/bvuQxnoWQP4?feature=shared
  • Matthieu B.

    1 month ago

    Thanks a lot mate.
    1) didnโ€™t see that trashcan indeed ๐Ÿ˜…
    2) basically I :
    a. donโ€™t want the cards to be neither too small, nor too big.
    b. I want to use my entire screen width, which is supposed to be the parent element
    c. I think, The cards should vary in width to adapt to the screen.

    Iโ€™ve actually checked that video and I fill like Iโ€™m missing something
    lol rewatch it tomorrow
  • Armand

    1 month ago

    ๐Ÿ‘1
  • Matthieu B.

    1 month ago

    Nice let me check that out.
    Thanks Armand

Stop scrolling. Start building.

toddle is a visual web app builder that rivals custom code โ€” but accessible to your entire team!

Try toddle โ€” it's free!

ยฉ Copyright 2024 toddle. All rights reserved.