Changed layout, taht everything is max 1200px width and centered

src/app/pages/algorithms/algorithms.component.html

@@ -1,4 +1,4 @@
-<div class="container">
+<div class="algo-container">
   <h1>{{ 'ALGORITHM.TITLE' |translate }}</h1>
   <div class="category-cards">
 @for (category of categories$ | async; track category.id) {

src/app/pages/algorithms/conway-gol/conway-gol.component.html

@@ -1,4 +1,4 @@
-<mat-card class="container">
+<mat-card class="algo-container">
   <mat-card-header>
     <mat-card-title>{{ 'GOL.TITLE' | translate }}</mat-card-title>
   </mat-card-header>

src/app/pages/algorithms/fractal/fractal.component.html

@@ -1,4 +1,4 @@
-<mat-card class="container">
+<mat-card class="algo-container">
   <mat-card-header>
     <mat-card-title>{{ 'FRACTAL.TITLE' | translate }}</mat-card-title>
   </mat-card-header>

src/app/pages/algorithms/fractal3d/fractal3d.component.html

@@ -1,4 +1,4 @@
-<mat-card class="container">
+<mat-card class="algo-container">
   <mat-card-header>
     <mat-card-title>{{ 'FRACTAL3D.TITLE' | translate }}</mat-card-title>
   </mat-card-header>

src/app/pages/algorithms/pathfinding/labyrinth/labyrinth.component.html

@@ -1,4 +1,4 @@
-<mat-card class="container">
+<mat-card class="algo-container">
   <mat-card-header>
     <mat-card-title>{{ 'LABYRINTH.TITLE' | translate }}</mat-card-title>
   </mat-card-header>

src/app/pages/algorithms/pathfinding/pathfinding.component.html

@@ -1,4 +1,4 @@
-<mat-card class="container">
+<mat-card class="algo-container">
   <mat-card-header>
     <mat-card-title>{{ 'PATHFINDING.TITLE' | translate }}</mat-card-title>
   </mat-card-header>

src/app/pages/algorithms/pendulum/pendulum.component.html

@@ -1,4 +1,4 @@
-<mat-card class="container">
+<mat-card class="algo-container">
   <mat-card-header>
     <mat-card-title>{{ 'PENDULUM.TITLE' | translate }}</mat-card-title>
   </mat-card-header>

src/app/pages/algorithms/sorting/sorting.component.html

@@ -1,4 +1,4 @@
-<mat-card class="container sorting-card">
+<mat-card class="algo-container sorting-card">
     <mat-card-header>
       <mat-card-title>{{ 'SORTING.TITLE' | translate }}</mat-card-title>
     </mat-card-header>