Blur effect landing page with CSS Grid -1

Image for post
Image for post
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.

Image for post
Image for post
Blur_Landing

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

Image for post
Image for post
VS Code

Written by

UI Lead- ReactJS, JavaScript and everything in-between.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store