Updated readme

Author: durgeshm01722

README.md

@@ -1,12 +1,12 @@
-<center>
+<div align="center">
 
 <img src="./images/logo.png" height="300" width="300"></img>
 
 [![Deploy app to GitHub Pages](https://github.com/syngenta/circleci-config-visualizer/actions/workflows/deploy.yml/badge.svg?branch=main)](https://github.com/syngenta/circleci-config-visualizer/actions/workflows/deploy.yml)
 [![Stars](https://custom-icon-badges.herokuapp.com/github/stars/syngenta/circleci-config-visualizer?logo=star&style=social&logoColor=black)](https://custom-icon-badges.herokuapp.com/github/stars/syngenta/circleci-config-visualizer?logo=star&style=social&logoColor=black)
 
 # CircleCI Config Visualizer
-</center>
+</div>
 
 <br />
 
@@ -20,14 +20,10 @@ Built using `Reactjs`, `Redux`, and `Typescript`.
 ## How to use 📝
 1. Go to **https://syngenta.github.io/circleci-config-visualizer** :
 
-<br />
-
 2. Click on **Upload** button and choose your config file to visualize:
 
     ![Homepage](https://github.com/syngenta/circleci-config-visualizer/blob/main/images/homepage.png)
 
-<br />
-
 3. The file gets opened in a visual editor:
 
     ![Visualized file](https://github.com/syngenta/circleci-config-visualizer/blob/main/images/visualized_file.png)
@@ -57,8 +53,6 @@ my-app/
 ├─ ...
 ```
 
-<br />
-
 ### The `src` directory:
  1. `components` - Contains all react components. Contains a `Widgets` folder where all reusable widgets like toggle switches, inputs, buttons, etc. are kept.
  2. `data` - Contains all files that serve static data in the application.