
Flexbox Froggy
Learning
Learn CSS Flexbox by arranging frogs on a pond
0 props
Props are a thank-you from members.
Full sizeCSS Diner presents a series of browser puzzles in which CSS selectors target objects on a table. Read the HTML shown beside a level, write a selector and see which items it matches. The immediate visual result makes it easier to distinguish sibling, descendant and class relationships while you learn the syntax. It suits someone who can already recognize an HTML element and wants a focused way to practice selecting it. It covers selectors rather than building an entire webpage. After a few levels, reproduce an example in a real stylesheet to test whether you can apply the same idea outside the game.
Good products deserve a good conversation.
Be the first to start one.