sharjeel619/index.html

## index.html
<html>
<head>
  <title>CSS Grid</title>
  <style>
    .grid {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));
      grid-gap: 15px;
    }
    .grid div {
      background: black;
      margin-top: 15px;
      width: 100%;
      max-width: 350px;
      height: 250px;
      color: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 30px;
    }
  </style>
</head>

<body>
  <div class="grid">
    <div>1</div>
    <div>2</div>
    <div>3</div>
    <div>4</div>
    <div>5</div>
    <div>6</div>
    <div>7</div>
    <div>8</div>
    <div>9</div>
    <div>10</div>
    <div>11</div>
    <div>12</div>
  </div>
</body>

</html>
	<html>
	<head>
	<title>CSS Grid</title>
	<style>
	.grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));
	grid-gap: 15px;
	}
	.grid div {
	background: black;
	margin-top: 15px;
	width: 100%;
	max-width: 350px;
	height: 250px;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 30px;
	}
	</style>
	</head>

	<body>
	<div class="grid">
	<div>1</div>
	<div>2</div>
	<div>3</div>
	<div>4</div>
	<div>5</div>
	<div>6</div>
	<div>7</div>
	<div>8</div>
	<div>9</div>
	<div>10</div>
	<div>11</div>
	<div>12</div>
	</div>
	</body>

	</html>