This was was based on a great course from Wes Boss ES6 For Everyone. And Was a great example on refactoring to modules and classes. I also thought it would be great practice to refactor to Vue.

I always find the classic image gallery to be one of the best ways to play with layouts and design. This gallery is built using CSS grid for the layout. I think that it gives a great responsive design with out the need. for a single media query. The images are random stock photos that are loaded from Lorem Picsum Because the pictures are random I also wanted to generate some random contaent for the modals caption area. This is done by using the fetch api to get random text from Bacon Ipsum

Getting the layout correct on the modal is still a struggle. I feel like every time I use semantic HTML tags in caused me problems in my layout