Design An Image Gallery From Scratch Using HTML, CSS & JS (with Lightbox)


About This Class
Hi, welcome to this class. In this class, we will design a Responsive Image Gallery from scratch using HTML, CSS, and JavaScript. Image galleries are common in lot of modern websites.

There are a lot of libraries that help you add image galleries to your websites. That can save you a lot of time. But, the aim of this class is to help you understand the mechanics of an image gallery and how it works under the hood.


This is how the image gallery is going to look.

This is how the lightbox looks:

So, in this class, we will write all the code for the image gallery from scratch explaining all the code along the way. We will also take a look what are the things you need to consider when using images in your website.

Prerequisites for this class:

  • The basics of HTML, CSS, & JavaScript
  • A computer that can run VS Code editor
  • We will also make it responsive (which means it will work good in smaller devices as well) using CSS media queries. We will also use some CSS grid properties for responsiveness.

After completing this class, you will learn:

  • How to work with images in a website
  • How to work with CSS Grids
  • How to manipulate the DOM using JavaScript
  • How to deploy and update websites online
  • I have written all the code on screen. I will guide you through all the lines of code.

So, I hope this class will be helpful to you.

All the best 🙂


Design An Image Gallery From Scratch Using HTML, CSS & JS (with Lightbox), Free Tutorials Download

Download Design An Image Gallery From Scratch Using HTML, CSS & JS (with Lightbox) Free Links

Password :

Author: Ho Quang Dai

I am Ho Quang Dai, from Vietnam – A country that loves peace. I share completely free courses from major academic websites around the world. Hope to bring free knowledge to everyone who can’t afford to buy

Related Courses

Notify of
Inline Feedbacks
View all comments

Report Link Die

Please provide the most detailed information, we will re-upload as soon as possible