oppia: [BUG]: Blog page is not responsive on mobile devices.

Describe the bug

1. On the blog page, on a mobile device, the keywords and the input box are not in proper alignment

URL of the page where the issue is observed.

https://www.oppia.org/blog

Steps To Reproduce

1. Go the page and try to reduce the size of the screen
2. Or open the page in a mobile device

Expected Behavior

The keyword label and the input box should be in proper alignment

Screenshots/Videos

What device are you using?

Desktop

Operating System

Windows

What browsers are you seeing the problem on?

Chrome

Browser version

120.0.6099.199

Additional context

Tips for developers

Before tackling the bug, please use git bisect (see https://git-scm.com/docs/git-bisect) to investigate which PR caused it. If the issue occurred before commit https://github.com/oppia/oppia/commit/c7db0fe, the most effective approach is to utilize the Python setup for conducting a git bisect (You only need to go back as far as commit https://github.com/oppia/oppia/commits/9a334e9). If you need to perform a git bisect for any commit beyond that commit, the Docker setup will be suitable. If you find the PR, leave a comment on this issue pointing to it, or just say that it happened before commit 9a334e9 if you could reproduce it there. This will help us fix the issue by reverting the faulty PR.

Also, if this is your first issue, please make sure to follow https://github.com/oppia/oppia/wiki/Contributing-code-to-Oppia#choosing-a-good-first-issue and https://github.com/oppia/oppia/wiki/Contributing-code-to-Oppia#setting-things-up before claiming it. Thanks!