Update home.html

[pratikktiwari]

Changed CSS float which caused problems with smaller screens.
Used @media query: When screen with is lesser than 900px i.e., in case of mobile devices, reduce the padding of h2 and clear float.

Description

The float attribute attached to each tank container caused problems in devices with smaller screens.
h2 attribute was assigned padding of about 200px which was also causing problems.
Writing a simple media query for h2 and float worked and solved the issue.

Fixes # (issue)
BEFORE FIX

AFTER FIX

Type of change

Fix of CSS of home.html

• Bug fix (non-breaking change which fixes an issue)

Checklist:

• My code follows the style guidelines of this project
• I have performed a self-review of my own code
• I have commented my code, particularly in hard-to-understand areas
• I have made corresponding changes to the documentation
• My changes generate no new warnings
• I have added tests that prove my fix is effective or that my feature works
• Any dependent changes have been merged and published in downstream modules

Reviewer: Vinit Shahdeo

[welcome]

Thanks for opening this pull request! 🤗
Wishing you a great Hacktoberfest 2020 🙌 🎉 ⚡️
Are you looking for more beginner-friendly issues? Check out this repo.

📢 Spread the word about @vinitshahdeo/Hacktoberfest2020 repo across your social media channels to help get others involved! Give a shoutout to DEV article. Retweet this.

Check out few other repos below 🚀

Show some ❤️

• Consider leaving a ⭐ here.
• Check out more beginner-friendly repos here.
• Follow @vinitshahdeo for more updates.
• Read my open-source journey here.

Say Hi on Twitter! 👋

PS: Please add @vinitshahdeo as a reviewer if you haven't added.