Skip to content

Commit

Permalink
refactor: Update post about tailwindcss masonry
Browse files Browse the repository at this point in the history
  • Loading branch information
drikusroor committed Nov 18, 2023
1 parent 44f4d06 commit 3bf4d85
Showing 1 changed file with 2 additions and 0 deletions.
2 changes: 2 additions & 0 deletions content/posts/tailwindcss-masonry/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -7,6 +7,8 @@ tags:
- "tailwindcss"
---

This code snippet demonstrates a simple yet effective way to create a masonry layout using TailwindCSS. Utilizing the columns-3 class, it organizes content into three neat columns, ideal for various types of content. The gap-3 class adds horizontal spacing between these columns, while mb-3 on each block ensures vertical spacing, maintaining a clean and organized look.

```html
<div class="h-screen w-full bg-slate-300 p-5">
<div class="p-5 columns-3 gap-3 bg-white rounded-lg drop-shadow-lg">
Expand Down

0 comments on commit 3bf4d85

Please sign in to comment.