search

iedr / goodfirstissues

A website that targets developers who want to contribute to open source software but do not know where or how to start.
https://iedr.github.io/goodfirstissues
MIT License
273 stars 66 forks source link

Feat: Remove Extra Padding from Main Content on Landing Page in Mobile View #54

Open dev-phantom opened 1 year ago

dev-phantom commented 1 year ago

Issue Description: On the landing page of our website, we've observed that there is excess padding present on both sides of the main content specifically when viewed on mobile devices. This additional padding is affecting the user experience by reducing the usable space and causing unnecessary scrolling. To enhance the mobile user experience, we need to address this padding issue.

Expected Behavior: The main content on the landing page should be properly aligned without any extra padding on both sides, ensuring that users can access the content comfortably on mobile devices without having to scroll excessively.

Steps to Reproduce:

  1. Open the landing page of our website on a mobile device.
  2. Observe the amount of padding present on both sides of the main content.
  3. Note how the excessive padding impacts the usability and requires unnecessary scrolling.

Proposed Solution: The padding values for the main content should be adjusted specifically for mobile views to ensure optimal use of screen space. This can be achieved through CSS media queries or responsive design techniques.

Screenshots: Screenshot_20230824-142645

Harman-preet-singh13 commented 9 months ago

Hey, is this issue still open? I would like to give some suggestions. I have changed how the mobile screen will look.

iPhone 14 15 Pro Max - 1 (1)

dev-phantom commented 9 months ago

Hey, is this issue still open? I would like to give some suggestions. I have changed how the mobile screen will look. Figma mobile design iPhone 14 15 Pro Max - 1 (1)

opps looks like someone is already working on it