https://github.com/santosalarcon/gallery-columns-demo

A demo of the columns CSS property to set up a responsive masonry gallery
https://github.com/santosalarcon/gallery-columns-demo

columns css css3 masonry-gallery

Last synced: 12 days ago
JSON representation

A demo of the columns CSS property to set up a responsive masonry gallery

• Host: GitHub
• URL: https://github.com/santosalarcon/gallery-columns-demo
• Owner: SantosAlarcon
• Created: 2024-09-11T09:23:52.000Z (3 months ago)
• Default Branch: master
• Last Pushed: 2024-09-11T10:14:41.000Z (3 months ago)
• Last Synced: 2024-09-11T13:26:33.640Z (3 months ago)
• Topics: columns, css, css3, masonry-gallery
• Language: Astro
• Homepage: https://santosalarcon.github.io/gallery-columns-demo/
• Size: 5.5 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# CSS Column Gallery Demo

![Cover](cover.webp)

## Description

This is a demo of the `column-width` CSS property to make a responsive masonry gallery, that removes the need of using **media queries** to make responsive websites and galleries. The wider the screen, more columns will appear. In the mobile view you'll get a single column. With this trick you avoid the use of **flex** or **grid** container.

## Tech used

This demo was built using the famous [Astro](https://astro.build) framework to make simple websites.