Since our last update, we've release numerous coding games that touch on topics like regular expressions, SQL, and JavaScript array and string methods. But today we are releasing our next free coding game, Anchoreum.
Following in the footsteps of Flexbox Froggy and Grid Garden, Anchoreum explores the newest CSS layout module, one so new that only Google Chrome and Microsoft Edge support it as of today (although support is coming for Firefox): CSS anchor positioning.
With CSS anchor positioning, you can tether and size one element relative to any other on the page, not just its parent container. This allows you to easily create components like tooltips, dropdown menus, and dialogs that are positioned near another element, even when that element moves or is scrolled off-screen. This module introduces a host of new CSS properties, a couple CSS functions, and a special value.
You can play Anchoreum with no registration here:
https://anchoreum.com
Or create a free account, save your progress, get access to bonus levels and other coding games here:
https://codepip.com/games/anchoreum/
New and experienced coders alike can play Anchoreum to learn about CSS anchor positioning and sharpen their skills with it. The premise of the game is to position labels beside anchor displays in an anchor museum. Get the new exhibit ready in time for the grand opening!