• Gadzhi Kharkharov, over 6 years ago (edited over 6 years ago )

    Incredibly excited to introduce the thing we've been working on lately!

    Now you can use CSS’s most powerful and intuitive layout tools right inside Webflow—without writing any code.

    And to make it easier to learn flexbox, I've also put together a game that teaches you all the core flexbox concepts: www.flexboxgame.com

    9 points
  • Nathan ManousosNathan Manousos, over 6 years ago

    This is so cool. I'm constantly impressed with Webflow, it's really really impressive. The inspector UI alone is just great. I love that you get a preview of where an element is going to move when you hover over the different flex properties.

    I got stuck at level 24/25 of the game. Any tips?? :)

    3 points
    • Bady QbBady Qb, over 6 years ago

      Stuck at the same level

      0 points
    • Mattan IngramMattan Ingram, over 6 years ago (edited over 6 years ago )

      24: You want to play with order and width. Purple is the important one.

      25: Same as before but don't forget about "Fill empty space" to solve remaining issues.

      Let me know if you need more hints! I'm stuck on 26.

      0 points
  • Mattan IngramMattan Ingram, over 6 years ago

    So impressed with Webflow's progress, I just wish I had an excuse to use it! This looks fantastic.

    1 point
  • Wes OudshoornWes Oudshoorn, over 6 years ago

    I don't really know why you use "width" on each cell why you could just do this with the flex-basis property?

    1 point
    • Gadzhi Kharkharov, over 6 years ago (edited over 6 years ago )

      Hey Wes, I'm using both width and flex-basis on different examples depending on context. I think It's nice to show that you can simply use width or height on flex items in case you don't need any specific growing/shrinking behavior.

      1 point
  • Alvaro Ruiz, over 6 years ago

    Great tool, amazing content here. I got up to the 26 level without too much trouble. I am playing now with my own site. Could be possible to get the css for the play-game? can be it used as template, please? It is a little bit tedious to try to match the playground and circle styles in a new site. Thanks!

    0 points
  • Patrick SmithPatrick Smith, over 6 years ago

    The hovering outline feature is great! I wasted several minutes on the first one, adjusting the settings for the circle and not its container.

    0 points