Refreshed style changes from reviewed comments on feeds page, #857

[alvarotorrestx]

Fixes Issue

Closes #857

Changes proposed

• I had to copy from my original changes due to the commit fixes
• I started off based off what your original style widths were
• Mobile and tablet sized widths have a more single column layout

Screenshots

https://github.com/thecyberworld/TheCyberHUB/assets/79110517/de4b1086-af6e-4586-b611-54b1bbb7f89c

Note to reviewers

• I noticed the feed has overflow when at certain widths
• A short term fix was to add overflow: hidden
• Should I start a fix on resizing them? (I'm waiting for your review also to work on this)

Code of Conduct

• [x] By submitting this pull request, I confirm I've read and complied with the CoC 🖖

Check List (Check all the applicable boxes)

• [x] My code follows the code style of this project.
• [ ] My change requires changes to the documentation.
• [ ] I have updated the documentation accordingly.
• [x] All new and existing tests passed.
• [x] This PR does not contain plagiarized content.
• [x] The title of my pull request is a short description of the requested changes.

---

You can also join our Discord community. Feel free to check out other cool repositories of the Thecyberworld. Join the Thecyberworld GitHub Organisation by raising an issue (you will be sent an invitation).