Remove the scrollbar from the subscriber section

HimanshuMahto commented 1 year ago

Fixes Issue

This PR fixes the following issues:

closes #741

Changes proposed

I made the changes in the Newsletter.jsx with which the scrollbar showing in the mobile phone won't show anymore.

Here comes all the changes proposed through this PR

Check List (Check all the boxes which are applicable)

[x] My code follows the code style of this project.
[ ] My change requires a change to the documentation.
[ ] I have updated the documentation accordingly.
[ ] 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.

Screenshots

Add all the screenshots which support your changes

Summary by CodeRabbit

Improvement: Enhanced the responsiveness of the NewsLetter section on our website. The section now dynamically adjusts its size based on your screen size, providing a better viewing experience across different devices. This update ensures that the content is always displayed in an optimal manner, regardless of how you resize your browser window.

coderabbitai[bot] commented 1 year ago

Walkthrough

The introduced changes enhance the responsiveness of the NewsLetter component. The component now dynamically adjusts the iframe height based on the window width, ensuring a seamless user experience across different screen sizes.

Changes

File	Summary
`src/components/layout/JoinUs/NewsLetter.jsx`	Added an event listener for the `resize` event. The listener calls the `updateIframeHeight` function, which adjusts the iframe height based on the window width. A cleanup function removes the event listener when the component is unmounted.

🐇

"In the land of code, where the shadows lie,

A rabbit hopped, with a twinkle in its eye.

With each resize, the iframe did dance,

Thanks to the rabbit's clever enhancement. 🎉"

Tips

### Chat with CodeRabbit Bot (`@coderabbitai`) - If you reply to a *review comment* from CodeRabbit, the bot will automatically respond. - To engage with CodeRabbit bot directly around the specific lines of code in the PR, mention @coderabbitai in your review comment - Note: Review comments are made on code diffs or files, not on the PR overview. - Add `@coderabbitai ignore` anywhere in the PR description to prevent this PR from being reviewed. ### CodeRabbit Commands (invoked as PR comments) - `@coderabbitai pause` to pause the reviews on a PR. - `@coderabbitai resume` to resume the paused reviews. - `@coderabbitai review` to trigger a review. This is useful when automatic reviews are disabled for the repository. - `@coderabbitai help` to get help. Note: For conversation with the bot, please use the review comments on code diffs or files. ### CodeRabbit Configration File (`.coderabbit.yaml`) - You can programmatically configure CodeRabbit by adding a `.coderabbit.yaml` file to the root of your repository. - The JSON schema for the configuration file is available [here](https://coderabbit.ai/integrations/coderabbit-overrides.json). - If your editor has YAML language server enabled, you can add the path at the top of this file to enable auto-completion and validation: `# yaml-language-server: $schema=https://coderabbit.ai/integrations/coderabbit-overrides.json`

HimanshuMahto commented 1 year ago

Hey @Roshan-Horo @anongorax @apoorv-on-git @itshypon Please review this PR.

WeMakeDevs / wemakedevs-archive