CSS Grid

.container {
  display: grid;
}

.container {
  display: grid;
  grid-template-columns: 200px 200px 200px;
  grid-template-rows: 100px 100px;
}

.container {
  grid-template-columns: 1fr 2fr 1fr;    /* মাঝের column দ্বিগুণ চওড়া */
}

.container {
  grid-template-columns: repeat(3, 1fr);
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}

.container {
  display: grid;
  gap: 16px;              /* row আর column gap */
  gap: 16px 24px;         /* row gap, column gap */
}

.item-featured {
  grid-column: 1 / 3;    /* line 1-এ শুরু, line 3-এ শেষ — 2টি column জুড়ে */
  grid-row: 1 / 3;
}

.container {
  display: grid;
  grid-template-columns: 200px 1fr;
  grid-template-areas:
    "sidebar header"
    "sidebar content";
}
.sidebar { grid-area: sidebar; }
.header  { grid-area: header; }
.content { grid-area: content; }