from Red Blob Games Home Blog Links Twitter About Adapting the layout to wide vs narrow: Make a div.float-container to surround areas that should be wider. a. Any children inside this will be in the left column. b. Except if it's .float-right then it will be in the right column. For example layout A {diagram} B, the narrow version will be AAAAAAA diagram diagram BBBBBBB and the wide version will be AAAAAAA diagram BBBBBBB diagram Mar 2013, updated in Mar 2015 Hexagonal grids are used in some games but aren’t quite as straightforward or common as square grids. I’ve been collecting hex grid resources for nearly 20 years, and wrote this guide to the most elegant approaches that lead to the simplest code, largely based on the guides by Charles Fu and Clark Verbrugge . I’ll describe the various ways t...