Add styling modifiers to row elements
MODIFY
public/style.css
public/style.css
@@ -98,11 +98,27 @@ body {
display: flex;
}
+.row.tight .column {
+ flex: none;
+}
+
.row .column {
padding: 0 16px;
flex: 1;
}
+.row .column.size-560 {
+ max-width: 560px;
+}
+
+.row .column.align-center {
+ margin: 0 auto;
+}
+
+.row .column.align-middle {
+ align-self: center;
+}
+
/* Form */
label, input {

MODIFY
resources/views/login/index.blade.php
resources/views/login/index.blade.php
@extends('layout')
@section('body')
+ <div class="row">
+ <div class="column size-560 align-center">
<h1 class="spacing-bottom-large">Log in</h1>
<div class="box spacing-small">
<form method="POST">
<input type="submit" value="Log in" />
</form>
</div>
+ </div>
+ </div>
@endsection

Add styling modifiers to row elements