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