PricingBlog

Basic lay-out question

  • fjp3757-1213036181726699521

    FJP#84

    1 year ago

    I was trying out Toddle watching some tutorials. I really like the setup and the possibility to create components. but can't figure out te best way to create the layout in the attached screenshot. It seems the editor changed a bit over time. Issues am having are: How can I stretch a div to the remaining width of page div. And how to set the alignment of the header div to space-between. Other nocode front-end builders do have specific buttons dor this kind of alignment, and I can't find it in the Toddle editor. Looking forward to get some tips.
    1213036182355841045-image.png
  • yoelfdz-1213060476179849247

    yoelfdz

    1 year ago

    To strech the div you simply have to set flex to 1 or width to 100% (make sure the parent width also has de 100%)

    To set space between double click on the horizontal aligment option
  • fjp3757-1213120419247165440

    FJP#84

    1 year ago

    Thanks I will try this. How can I set flex to 1? Is that hidden somewhere?
  • yoelfdz-1213133698552172564

    yoelfdz

    1 year ago

    1213133698229342258-image.png
  • yoelfdz-1213141006393020529

    yoelfdz

    1 year ago

    @FJP#84 Also, I would recommend taking a template from any platform like figma, or templates from "relume" library (they have app layout templates) or others, see how it's done and replicate it.
  • fjp3757-1213172993631588452

    FJP#84

    1 year ago

    @ thanks, I was doing that and got stuck, therefore my questions
  • Tod-1213172995477213345

    Tod

    1 year ago

    Great energy @FJP#84! Your continuous contribution to the toddle Community just made you advance to Community Level 1!
  • fjp3757-1213246969686794300

    FJP#84

    1 year ago

    @ thanks for the hints, making progress now.
  • yoelfdz-1213259017233633280

    yoelfdz

    1 year ago

    Awesome 💪