I want to make a specific grid a footer

i have an grid with 2 Buttons. These two buttons should be at the right and left side. And the grid has to be footer.

My HTML looks like this:

<!DOCTYPE html>
        <link rel="stylesheet" type="text/css" href="buttons.component.css" />

<mat-grid-list cols="25" rowHeight="fit" style="height: 50px ">
    <mat-grid-tile rowspan="1" colspan="22">
            <div class="button_zurück">
                <button mat-raised-button (click)="back()">Zurück</button>

            <div class="button_weiter">
                  <button mat-raised-button (click)="forward()">Weiter</button>

The CSS looks like this:


     margin-right: 80%;

      color:rgba(255,255,255,255);background-color:rgb(16, 78, 139);


  font-family:Verdana, Geneva, Tahoma, sans-serif, "Helvetica Neue", sans-serif;font-size:11pt;

     margin-left: 25%;

     background: lightblue;

     margin-top: auto;

And Picture of the Website is as follow:1

Source: Angular Questions