CSS Grid Layout Helper

html
#html
👤test
📅Last updated 18 days ago

CSS Grid allows you to create two-dimensional layouts with rows and columns that adapt easily to different screen sizes.

💻Source Code

<div class="container">
  <div class="item">1</div>
  <div class="item">2</div>
  <div class="item">3</div>
  <div class="item">4</div>
  <div class="item">5</div>
  <div class="item">6</div>
</div>
.container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
}

.item {
  background: #e3f2fd;
  padding: 20px;
  text-align: center;
  border-radius: 8px;
}

💬Comments (0)

🔒Please login to post comments

💬

No comments yet. Be the first to share your thoughts!

Actions

Share this snippet:

👤About the Author

t

test

Active contributor