Как центрировать горизонтально и вертикально с помощью сетки XY?
Может кто-нибудь помочь с позиционированием в абсолютном центре (горизонтальном и вертикальном) очень простой формы?
<form>
<div class="row">
<div class="small-1 columns">
<label for="email" class="text-right middle">Email</label>
</div>
<div class="columns">
<input type="text" id="email" placeholder=email">
</div>
</div>
<div class="row">
<div class="small-3 columns">
<label for="password" class="text-right middle">Password</label>
</div>
<div class="columns">
<input type="text" id="password" placeholder="Password">
</div>
</div>
</form>
Я не эксперт по CSS, но надеюсь поймет принцип.
Благодарю.