Video Border Size Mismatch on "About Us" Page

[geetanjaligit]

Description:

The video section on the "About Us" page has a border that doesn't match the dimensions of the embedded video. The border is larger than necessary, which disrupts the visual alignment and overall appearance of the section. This inconsistency makes the page look less professional and aesthetically pleasing.

---

Steps to Reproduce:

1. Navigate to the "About Us" page.
2. Observe the video located at the top of the page.
3. Notice that the border surrounding the video is larger than the video itself, resulting in an unbalanced layout.

---

Expected Behavior:

• The video border should perfectly align with the dimensions of the video to maintain a clean and balanced layout on the page. A correctly sized border will improve the visual appeal of the "About Us" section and provide a more polished experience for users.

---

Actual Behavior:

• The border size exceeds the dimensions of the video, leading to an uneven layout where the extra space around the video is noticeable and distracting.

---

Proposed Solution:

• Adjust the border size to match the exact dimensions of the video.
• Ensure the video and its border are aligned to create a clean and cohesive section.

Additional Context:

Correcting the video border will improve the professional look of the page and enhance the user experience. This adjustment is a small but important step in maintaining the site's visual consistency and overall quality.

---

This issue description helps communicate the border size mismatch for the video and provides a clear path to fixing the issue.

@codervivek5 Kindly assign me this issue under GSSoC '24 Extended and provide access to make the necessary changes. Labels such as gssoc-ext and any relevant level label would be appreciated.

[github-actions]

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

For more information, join the official Discord.