https://github.com/chaiyokung/css-masonry-layout

CSS Masonry Layout
https://github.com/chaiyokung/css-masonry-layout

css example learn masonry-layout

Last synced: 2 months ago
JSON representation

CSS Masonry Layout

• Host: GitHub
• URL: https://github.com/chaiyokung/css-masonry-layout
• Owner: ChaiyoKung
• Created: 2022-09-04T18:40:55.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2022-09-04T18:46:03.000Z (over 2 years ago)
• Last Synced: 2025-02-07T16:39:50.134Z (4 months ago)
• Topics: css, example, learn, masonry-layout
• Language: HTML
• Homepage: https://chaiyokung.github.io/CSS-Masonry-Layout/
• Size: 62.4 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# CSS Masonry Layout

index.html

```html



  

  

  

  ...



```


style.css

```css

.masonry {

  display: flex;

  flex-wrap: wrap;

}

.masonry-item {

  height: 200px;

  flex-grow: 1; /* use this for masonry layout */

}

```