Skip to main content

Indie game storeFree gamesFun gamesHorror games
Game developmentAssetsComics
SalesBundles
Jobs
TagsGame Engines
Admin (3 edits) (+1)

As mentioned in the CSS guide we encourage people to not make significant changes to built in UI as you can introduce incompatibilities for mobile devices, accessibility, in addition to resulting in breakage when we need to make updates.

That said, I added a few more CSS variables to the grid container so you can switch to using flexbox with centered items with something along the lines of:

.mode_grid .user_game_grid {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.mode_grid .user_game_grid .game_cell {
  width: var(--itchio_grid_cell_width);
}

(Note that the page previously never used flexbox, but was using inline-block elements with some margin tricks)

This worked perfectly and unlike the other changes I was trying it doesn't break on mobile, thank you so so so so much! Yeah I try to be very minimal and specific with my CSS changes to avoid introducing those sorts of issues, thanks a ton for adding such an easy fix for users like me!