ficha - 2 columnas

templates/personaje.html

@@ -18,6 +18,12 @@ main {
 }
 ul {
     margin-top: 0;
+}
+.row {
+  display: flex;
+}
+.column {
+  flex: 50%;
 }
   </style>
 </head>
@@ -26,11 +32,17 @@ ul {
     <main id="app">
         <div>Nombre: {{ personaje.nombre }}</div>
         <hr>
+        <div class="row">
+          <div class="column" style="flex:20% !important">
               <div>FUE: {{ personaje.fue }}</div>
               <div>AGI: {{ personaje.agi }}</div>
               <div>MEN: {{ personaje.men }}</div>
+          </div>
+          <div class="column">
               <div>PG: {{ personaje.pg }}</div>
               <div>Trasfondo: {{ personaje.trasfondo }}</div>
+          </div>
+        </div>
         <hr>
         <div>Equipo:
             <ul>