Interactive Image Modal(Part- 1) Gallery using JavaScript and CSS. Complete tutorial | Code Grind

In this video, I'll be creating a very interactive Image Modal using Vanilla JavaScript and CSS. You can use this modal in your websites. Second part of this modal is live- I've talked about how we can integrate features such as previous ad next buttons, navigation using arrow keys and closing the modal using Esc key. Links to other videos- Part- 2 of this Video- https://youtu.be/o4sEYx_POdk Learn all about Emmet Abbreviations- https://youtu.be/zfmJMjfmUvA Other Image Galleries/Sliders- https://www.youtube.com/playlist?list=PLrdIis08nTNR9wnqZf9WdYYBQvCNV7caF External links- Font Awesome kit code is available in the source code(CodePen) link below. Download Poppins font- https://bit.ly/3gTWyU3 Unsplash(For non-copyright images)- https://unsplash.com Download source code- https://codepen.io/codegrind6/pen/bGpePbK Follow me on Social Media- Instagram- https://instagram.com/codegrind6 Like the video if you think this is what you were looking for and you learnt something new from it. Subscribe to the channel for more such amazing tutorials on CSS and JavaScript. #imagegallery #slider #carousel #jsgallery #jsslider #javascript #css #html javascript image modal,image modal popup javascript,image modal popup,css image modal,modal image javascript,image modal css,js image gallery,js modal image,modal image gallery,modal image html css,image gallery html css javascript,code grind,web designing,html css image gallery,image gallery html css,css tutorial for beginners,javascript tutorial for beginners,image gallery css grid,Image gallery css,javascript,html,Javascript modal,web design tutorial