styling

src/app/pages/notfound/notfound.page.html

@@ -1,4 +1,4 @@
-<mat-card class="accent">
+<mat-card class="accent box">
     <mat-card-header>
         <mat-card-title>404</mat-card-title>
         <mat-card-subtitle>{{'not-found' | i18n}}</mat-card-subtitle>

src/app/pages/notfound/notfound.page.scss

@@ -0,0 +1,16 @@
+.box {
+  margin: 5px;
+
+  @media screen and (min-width: 576px) {
+    max-width: 100%;
+  }
+
+  @media screen and (min-width: 768px) {
+    max-width: 80%;
+    margin: 15px;
+  }
+
+  @media screen and (min-width: 992px) {
+    max-width: 50%;
+  }
+}

src/app/pages/notfound/notfound.page.ts

@@ -1,14 +1,12 @@
-import { Component, OnInit } from '@angular/core';
+import { Component } from '@angular/core';
 
 @Component({
   selector: 'page-notfound',
-  templateUrl: './notfound.page.html'
+  templateUrl: './notfound.page.html',
+  styleUrls: [ './notfound.page.scss' ]
 })
-export class PageNotFound implements OnInit {
+export class PageNotFound  {
 
   constructor() { }
 
-  ngOnInit(): void {
-  }
-
 }