import { Component, OnInit } from '@angular/core';
import { map } from 'rxjs/operators';
import { Breakpoints, BreakpointObserver } from '@angular/cdk/layout';

@Component({
  selector: 'app-developer',
  templateUrl: './developer.component.html',
  styleUrls: ['./developer.component.css']
})
export class DeveloperComponent {
  cards = this.breakpointObserver.observe(Breakpoints.Handset).pipe(
    map(({ matches }) => {
      if (matches) {
        return [

          { title: 'Item', cols: 2, rows: 1 }

        ];
      }

      return [

        { title: 'Item', cols: 2, rows: 1 }

      ];
    })
  );

  constructor( private breakpointObserver: BreakpointObserver ) { }

  ngOnInit(): void {
  }

}