Gallery Using Html Css Javascript Create Webpage Named Gallery Lightbox Gallery Webpage Or Q43890107
Gallery
Using HTML, CSS, JAVASCRIPT
Create a webpage named “Gallery” that is:
- Lightbox gallery, When the webpage originallyloads up it will include all the images in a grid
- The grid will be responsive so based on the windowof the device the number of columns will change for example on 14inch laptop it will have a grid of 2 columns full of images. On a20 inch monitor the grid will be 3 columns, on a phone the gridwill be 1 column and so on.
- When a user scrolls through the images and clickson one image it will expand. Now the user can click on the next andprevious buttons to see all images. If they press the “x” button ontop right, the expanded version will clear and the grid view of allimages will return
- Have a hover effect on the images when its on gridview
- The page can include between 30-50 images but thisanswer doesn’t need to have all those images as long as it is clearto follow and modifiable
- Please include all necessary files and comments onthe code to understand and follow along.
- If bootstrap or any other libraries are usedplease make it clear on how to correctly use it.
- If anything is unclear please let me know thankyou!
Expert Answer
Answer to Gallery Using HTML, CSS, JAVASCRIPT Create a webpage named “Gallery” that is: Lightbox gallery, When the webpage ori…
OR