<story><title>Flexbox Froggy – A game for learning CSS flexbox</title><url>https://flexboxfroggy.com/</url></story><parent_chain></parent_chain><comment><author>40four</author><text>This and Grid Garden have been around for a while and seem to come up at least once a year. Great resources no doubt, always fun! The best past threads from both -&amp;gt;&lt;p&gt;Froggy&lt;p&gt;&lt;a href=&quot;https:&amp;#x2F;&amp;#x2F;news.ycombinator.com&amp;#x2F;item?id=10652909&quot; rel=&quot;nofollow&quot;&gt;https:&amp;#x2F;&amp;#x2F;news.ycombinator.com&amp;#x2F;item?id=10652909&lt;/a&gt;&lt;p&gt;Garden&lt;p&gt;&lt;a href=&quot;https:&amp;#x2F;&amp;#x2F;news.ycombinator.com&amp;#x2F;item?id=18753358&quot; rel=&quot;nofollow&quot;&gt;https:&amp;#x2F;&amp;#x2F;news.ycombinator.com&amp;#x2F;item?id=18753358&lt;/a&gt;&lt;p&gt;&lt;a href=&quot;https:&amp;#x2F;&amp;#x2F;news.ycombinator.com&amp;#x2F;item?id=14041367&quot; rel=&quot;nofollow&quot;&gt;https:&amp;#x2F;&amp;#x2F;news.ycombinator.com&amp;#x2F;item?id=14041367&lt;/a&gt;</text></comment>
<story><title>Flexbox Froggy – A game for learning CSS flexbox</title><url>https://flexboxfroggy.com/</url></story><parent_chain></parent_chain><comment><author>svat</author><text>Sometime last year, I started doing these 24 exercises in TeX&amp;#x2F;LaTeX -- when I started, my idea was to show how TeX&amp;#x27;s very simple box-glue-penalty model (its &amp;quot;glue&amp;quot; is like springs with specified stretch and shrink) is yet general enough to do all the many things that Flexbox can do. I never got around to finishing it, and in the process I realized that much of what Flexbox focuses on are purely user-conveniences (e.g. allowing the user to specify &amp;quot;boxes&amp;quot; in a different order), and some of it (e.g. vertical typesetting) is actually nontrivial with TeX, though doable (and used by many in practice, wrapped into packages, which I was hoping not to use).&lt;p&gt;So my project is abandoned for now and the existing document is in a very unpolished state, but in the meantime if anyone is interested, take a look -- (it has spoilers for the CSS exercises, and most of it only makes sense if you look at the (La)TeX source code, of which I&amp;#x27;m definitely not an expert): &lt;a href=&quot;https:&amp;#x2F;&amp;#x2F;www.overleaf.com&amp;#x2F;read&amp;#x2F;ssmrvhpwrmpn&quot; rel=&quot;nofollow&quot;&gt;https:&amp;#x2F;&amp;#x2F;www.overleaf.com&amp;#x2F;read&amp;#x2F;ssmrvhpwrmpn&lt;/a&gt;</text></comment>