Check out Makruk (Thai Chess), our featured variant for March, 2025.


[ Help | Earliest Comments | Latest Comments ]
[ List All Subjects of Discussion | Create New Subject of Discussion ]
[ List Earliest Comments Only For Pages | Games | Rated Pages | Rated Games | Subjects of Discussion ]

Single Comment

Xiangqi: Chinese Chess. Links and rules for Xiangqi (Chinese Chess). (9x10, Cells: 90) (Recognized!)[All Comments] [Add Comment or Rating]
🕸📝Fergus Duniho wrote on Sun, Apr 27 12:16 PM EDT in reply to H. G. Muller from 05:35 AM:

Apparently the way to center images in a

is to declare that
to be a flexbox, with additional styles:

display: flex; justify-content: center; align-items:center;

place-content is a shortcut for both justify-content and align-content, and place-items is a shortcut for both justify-items and align-items. So, either place-content: center or place-items: center should do the job. They operate the same for one item. They will behave differently if you have multiple items in your container, and Kevin Powell explains the difference in a video called Place-content vs. place-items | What's the difference to vertically & horizontally center?.

If you want to put the CSS on what you want centered instead of on its container, you can use place-self instead. All of these should work whether the container is a grid or a flexbox. I appear to have used both place-items and place-self in the CSS rendering of the square shape in Game Courier.