---
title: "Bernardo Belchior (@bernardobelchior) | Hashnode"
description: "Personal Investor. Read the latest articles by Bernardo Belchior on Hashnode."
url: "https://hashnode.com/@bernardobelchior"
---

@bernardobelchior

# Bernardo Belchior

@bernardobelchior · Joined April 2020

Personal Investor

[Website](https://belchior.me/)

## Comments

[Thank you! I didn't include that in this article as to not make it too long. Nevertheless, you can achieve the Modal by adding an onClick handler to each image. That handler should set a src variable which is that image's URL. When the src variable is defined, then a new <div> should be rendered with position: fixed and a almost black background. This new <div> should contain the image in a bigger size. Hopefully this was clear enough, if not DM me on Twitter and I can try to help further :)](https://hashnode.com/posts/creating-a-custom-photo-gallery-using-gatsbyjs-and-css-grid/5e83c7748570b09f3cacde7c/comment/5f6f4464ade1fb598d43a0a0#reply-5f72276340fb187c4fe5a20c)

Reply · Article · Sep 28, 2020 · [Creating a Custom Photo Gallery using Gatsby.js and CSS Grid](https://hashnode.com/posts/creating-a-custom-photo-gallery-using-gatsbyjs-and-css-grid/5e83c7748570b09f3cacde7c)