Blur effect landing page with CSS Grid -1

Nabendu Biswas
2 min readJul 27, 2020
CSS Grid

Welcome to a brand new series, where we are going to build an elegant landing page with Blur effect. We are going to use CSS Grid for this project.

So, let’s open the terminal and create a new folder Blur_Landing and create two files index.html and style.css inside it.

Blur_Landing

Next, we are adding a logo and a background image in the same folder. Open the folder in VS Code.

VS Code

--

--

Nabendu Biswas

Architect, ReactJS & Ecosystem Expert, Youtuber, Blogger