Single post in Site Skins: How-To, and Helpful CSS
Forum Index > PokéFarm > Guides > Site Skins: How-To, and Helpful CSS >
QUOTE originally posted by MariNee
Hi! I know there's a CSS to stack Pokémon in fields, but is there one that aligns them to a grid?
Code
/* sets field size and aligns 8x5 */
#field_field>div.field {min-height: 345px;display: flex;flex-flow: row wrap;display: grid;grid-template-columns: repeat(8, 12.5%);grid-template-rows: repeat(5, 69px);}
/* sets phone field size to prevent double size */
.mq25 #field_field>div.field {min-height: 180px; grid-template-rows: repeat(5, 36px);}
/* keeps field size and offsets pokes to right starting point */
#field_field>div.field>.fieldmon {margin:0!important;position: static;flex: 1 1 12.5%;display: inline-flex;justify-content: center;align-items: center;}
/* stops field size from doubling and all pokes going to bottom half*/
#field_field>div.field {padding-top: 0%;}
/* changes some images size if too big, but stops them from making field grow */
#field_field>div.field>.fieldmon>img {max-width:75px;max-height:70px;}
For my shop click here