ficha - 2 columnas

This commit is contained in:
serxoz 2023-01-20 19:51:33 +01:00
parent 0618427849
commit 820632e147

View File

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