RESPONSIVE PURE CSS IMAGE GALLERY WITH CSS GRID

Author:

  • Jhey

Made with:

  • HTML/Pug
  • CSS/Stylus

About the code:

Here’s one of an image gallery where you select the img you want to be showcased in the center. The layout is made possible with CSS grid. When switching to a smaller viewport you’ll get a different experience that is made possible by altering the grid-template-columns and grid-template-rows.

 

Download Demo and Code

Add a Comment

Your email address will not be published. Required fields are marked *