Grid Template Area

  • raphaelwalters-1333145134904381490

    Raphael Walters

    13 days ago

    I am trying to set up grid-template-areas. I have input this is the parent div:

    grid-template-areas: h h h h h h h h h h h h, m c c c c c c c c c c c, f f f f f f f f f f f f

    I have input this in the child div:

    header div = grid-area: h
    menu div = grid-area: m
    content div = grid-area: c
    footer div = grid-area: f

    But I haven't managed to get it to work. I have also tried enclosed the child divs in double-quotations, single-quotations, etc.

    Is it possible to achieve this using the CSS editor?
    1333145135168618596-CleanShot_2025-01-26_at_18.30.00.jpg
  • lucasg-1333150887442382900

    Lucas G

    13 days ago

    grid-template-areas: "h h h h h h h h h h h h" "m c c c c c c c c c c c" "f f f f f f f f f f f f"
  • no commas
  • raphaelwalters-1333156874622734336

    Raphael Walters

    13 days ago

    Amazing @Lucas G Thank you! The one thing I didn't think to try πŸ€¦β€β™‚οΈ πŸ˜‚
    πŸ‘1

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.