Welcome to part-15 of the series. First let’s fix a small bug as the tags was not centring properly in all small screens. Add the below change in Menu.styled.js file.

Menu.styled.js

Rest of the chapter is exclusive content and is from my book Foundation Gatsby Projects.

The book can be purchased from Apress site here

Now, we can click outside to close the Side Menu.

This completes part-15 of the series.

You can find the code for the same in this github repo.