A project on CSS grid to showcase responsiveness on all devices and display pop-up modal on click of each image

  • By Roland Orobola Ogundipe
  • Last update: Feb 3, 2022
  • Comments: 0

grid-image-gallery

This is a project on CSS grid to showcase responsiveness on all devices and display pop-up modal on click of each image.

Project link

https://rolandexplore93.github.io/grid-image-gallery/

How it works?

Images are generated randomly from the local storage everytime an user reloads the webpage. User can then hover on each image to view the full image in a pop-up modal view. There is also a close modal button at the top of each modal image.

Technologies used

  • Javascript
  • HTML & CSS

Github

https://github.com/rolandexplore93/grid-image-gallery