diff --git a/templates/personaje.html b/templates/personaje.html
index 5e52d11..3c25ed7 100644
--- a/templates/personaje.html
+++ b/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>FUE: {{ personaje.fue }}</div>
-        <div>AGI: {{ personaje.agi }}</div>
-        <div>MEN: {{ personaje.men }}</div>
-        <div>PG: {{ personaje.pg }}</div>
-        <div>Trasfondo: {{ personaje.trasfondo }}</div>
+        <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>