grid.html

<h2>Cadastro de Imóveis</h2>

        <div
          *ngFor="let realty of realties"
          [class.selected]="realty === selected"
          (click)="onSelect(realty)">
            
          <div class="row">
            <div class="col-md-4 col-sm-6">

              <div class="mdc-card card-size">
                <div class="mdc-card__media mdc-card__media--16-9 card_media"></div>
                <div class="card_primary">
                  <div class="badge">{{realty.id}}</div>
                  <h3 class="card_title">{{realty.tipo}}</h3>
                  <h4 class="card_subtitle">{{realty.logradouro}}</h4>
                  <h5 class="card_subtitle">{{realty.bairro}}</h5>
                </div>
                <div class="mdc-card__actions">
                  <div class="mdc-card__action-buttons">
                    <material-button>F1</material-button>
                    <material-button>F2</material-button>
                  </div>
                  <div class="mdc-card__action-icons">
                    <material-button icon>
                      <material-icon icon="share"></material-icon>
                    </material-button>
                    <material-button icon>
                      <material-icon icon="more_vert"></material-icon>
                    </material-button>
                  </div>
                </div>
              </div>

            </div>
          </div>

        </div>