exercises

Unnamed repository; edit this file 'description' to name the repository.
Log | Files | Refs | README

products-list.component.scss (417B)

      1 :host {
      2     display: grid;
      3     height: 100%;
      4     grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
      5     gap: 1rem;
      6     align-content: start;
      7     padding: 1rem;
      8     box-sizing: border-box;
      9     overflow-y: auto;
     10 }
     11 
     12 .pagination {
     13     // Span the full width of the grid container
     14     grid-column: 1 / -1;    
     15     // Add some spacing from the products above
     16     margin-top: 1rem;
     17 }
     18 
     19 .card {
     20     height: 300px;
     21 }