Как центрировать горизонтально и вертикально с помощью сетки 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, но надеюсь поймет принцип.

Благодарю.

0 ответов

Другие вопросы по тегам