diff --git a/src/uncategorized/buildingWidgets.tw b/src/uncategorized/buildingWidgets.tw index ef56156b9225b0c15b73590055985b09c1612678..ad609ec1ca4fa716ce7983a97b15d7ac37226559 100644 --- a/src/uncategorized/buildingWidgets.tw +++ b/src/uncategorized/buildingWidgets.tw @@ -68,7 +68,9 @@ Yes, I am aware this is horrible. If anyone can figure out how to get widgets to display:block; } .arcology.griddedLinks .penthouseWrapper { - display: grid; + display: flex; + flex-wrap: wrap; + box-sizing: border-box; } .arcology.griddedLinks .penthouse .info:before, .arcology.griddedLinks .penthouse .info:after { @@ -80,11 +82,16 @@ Yes, I am aware this is horrible. If anyone can figure out how to get widgets to margin-top: -0.2em; margin-bottom: 0.2em; } - .arcology.grid2 .penthouseWrapper { - grid-template-columns: repeat(2, 1fr); + .arcology.griddedLinks .penthouseWrapper .penthouse { + flex-grow: 1; + box-sizing: border-box; + justify-content: space-between; } - .arcology.grid3 .penthouseWrapper { - grid-template-columns: repeat(3, 1fr); + .arcology.grid2 .penthouseWrapper .penthouse { + width: 45%; + } + .arcology.grid3 .penthouseWrapper .penthouse { + width: 30%; } </style>