You don’t need a library or framework to build an image gallery. Learn how to build a responsive Image Gallery with vanilla HTML, CSS, and JavaScript. We’ll create a grid layout using CSS grid and a fullscreen popup with JavaScript.

  • 00:00: Intro
  • 01:00 - Project Setup
  • 05:00 - Loading Images in JavaScript
  • 10:30 - Styling the Gallery
  • 15:00 - Add a Fullscreen Popup

Newsletter πŸ—ž
Interested in exclusive content and discounts? 🀯 Sign up for the newsletter!
https://www.jamesqquick.com


Connect with me πŸ˜€
Live streams on Twitch - https://twitch.tv/jamesqquick
Follow me on Twitter - https://www.twitter.com/jamesqquick
Join the πŸ’¬ Discord Server πŸ’¬ - https://discord.gg/vM2bagU


COURSES πŸ’»
Learn how to build Fullstack apps with React and Serverless Functions - https://www.jamesqquick.com/courses/react-and-serverless-fullstack-developmnent
Learn everything you need to know about Visual Studio Code - https://www.udemy.com/learn-visual-studio-code/
Build a Quiz App - https://www.udemy.com/build-a-quiz-app-with-html-css-and-javascript/

#javascript #html #css

Build an Image Gallery with Vanilla HTML, CSS, and JavaScript
11.90 GEEK