Thread:Anonminati/@comment-23989026-20190105132654

Portable Infoboxes are more restrictive than traditonal infoboxes. Portable have 2 fixed-width columns so not flexible for long information like Top Speed / Reverse Speed or 3.64344102763721; whilst traditional share a row to accommodate them.

The closest I can achieve is...

Step 1 : create the layout 

Totals

Crew

Maneuver

Firepower

Communication

Step 2 : create the styling .pi-theme-WoT { background: url('https://vignette.wikia.nocookie.net/central/images/9/92/WoT.jpg/revision/latest?cb=20190105131018'); border:1px solid #cfcfcf; } .pi-theme-WoT .pi-border-color { border:none; } .pi-theme-WoT .pi-title { background: linear-gradient(to bottom,rgba(246,246,246) 0%,rgba(255,255,255,0.28) 100%); border:2px solid beige; text-align:center; font-weight:bolder; } .pi-theme-WoT .pi-header { background: linear-gradient(to bottom,rgba(246,246,246,0.28) 0%,rgba(255,255,255,0.28) 100%); border:2px solid beige; text-align:center; } .pi-theme-WoT .pi-data { border-bottom:1px solid #cfcfcf; margin:0 10px; width:250px; } .pi-theme-WoT .pi-data-label { flex-basis: 150px; white-space:nowrap; overflow:hidden; } .pi-theme-WoT .pi-data-value { flex-basis: 100px; white-space:nowrap; overflow:hidden; text-align:right; } .pi-theme-WoT .pi-group { padding-bottom:10px; } .pi-theme-WoT .pi-horizontal-group .pi-data-value { text-align: left; padding-left:20px; } If you do not want the WoT background, remove this from the top row of step 2. .pi-theme-WoT { background: url('https://vignette.wikia.nocookie.net/central/images/9/92/WoT.jpg/revision/latest?cb=20190105131018'); }  