🧑‍💻: Adding BEM Naming convention to all classes

[Ayushmaanagarwal1211]

:red_circle: Title : Adding BEM Naming convention :red_circle: Enhancement Aim : It will help new users to understand the use of the css and their block elements in html :red_circle: Changes : I just want to change the classes names in both css and html or js file .

Screenshots 📷

---

:white_check_mark: To be Mentioned while taking the issue :

• Full name : Ayushmaan Agarwal
• What is your participant role? GSSOC

---

Happy Contributing 🚀

All the best. Enjoy your open source journey ahead. 😎

[github-actions[bot]]

Thank you for creating this issue! We'll look into it as soon as possible. Your contributions are highly appreciated! 😊

[Avdhesh-Varshney]

@Ayushmaanagarwal1211 can you show me, any such changes in the repository?

[Ayushmaanagarwal1211]

yes like you can see that in your mainpage.jsx

the classes name has been written but i will change these classes name to like

You can see that you can easily understand the elements used for by directly seeing the classes and i also change its corresponsding css so that designing doesn't changes .

[Avdhesh-Varshney]

@Ayushmaanagarwal1211 no leave it for the beginner to contribute in the enhancement of this project. Not required.