Skip to content

A lightweight masonry (cascading grid layout) library powered by flexbox & Grid

Notifications You must be signed in to change notification settings

KapilG93/css-masonary-grid-layout

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 

Repository files navigation

css Masonry Grid Layout

A lightweight, responsive CSS masonry grid layout for modern web design. This project provides a flexible and easy-to-use grid layout that adapts to various screen sizes without the need for JavaScript.

Features

  • Responsive Design: Automatically adjusts to different screen sizes.
  • No JavaScript: Purely built with CSS for optimal performance.
  • Flexible Columns: Easily customize the number of columns.
  • Customizable Gaps: Set the gap between grid items.
  • Cross-Browser Compatibility: Works smoothly across modern browsers.

Installation

You can include this CSS masonry grid layout in your project in two ways:

1. Download the Files

Clone the repository:

git clone https://github.com/KapilG93/css-masonary-grid-layout.git

2. Browser Support

This CSS masonry grid layout is supported in modern browsers

Contributions are welcome! Please feel free to submit a pull request or open an issue to suggest improvements or report bugs.

3. Acknowledgments

Inspired by various CSS grid layouts and modern web design techniques.

4. Happy coding! πŸŽ‰

Feel free to adjust the content to suit your project's specifics, such as adding a live demo

Releases

No releases published

Packages

No packages published