Skip to content

[First Timers Only] 🎨 Fix Homepage Padding Alignment #23

Description

@danielmarv

🐥 First Timers Only – Good First Issue

This issue is reserved for new contributors to this repository or anyone who is new to open source in general.
We understand that making your first pull request (PR) can be overwhelming, and we're here to help!

The purpose of this issue—and others labeled with good first issue—is to guide you through your first open-source contribution.


👾 Issue Description

On the ClyCites website homepage (inside the ClyCites/ folder), some sections are slightly shifted too far to the right, making the layout look unbalanced.

We need to adjust the padding and alignment so that all sections are consistently aligned with the rest of the page.


👾 Task Description

  • Review the homepage layout and check sections that are visually off-balance (shifted to the right).
  • Standardize the horizontal padding across all sections for a clean and consistent look.
  • Ensure responsiveness (desktop, tablet, and mobile) is not broken after applying fixes.

✅ Acceptance Criteria

  • All homepage sections are properly aligned with consistent left and right padding.
  • No section appears "pushed" more to the right than others.
  • Layout remains responsive across breakpoints.
  • Styling follows the project’s existing Tailwind CSS / layout conventions.

📋 Step-by-Step Guide to Contribute

  1. Comment below to claim this issue.

  2. Wait for a maintainer to assign it to you.

  3. Fork the repo, then clone your fork locally.

  4. Create a new branch:

  git checkout -b issue-{{issueNumber}}-add-tests

🛠️ Implement the Fix

  • Add or update the necessary tests in the codebase.

  • Ensure your tests cover all edge cases and scenarios mentioned in the issue description.

  • Commit your changes with a clear message:

      git commit -s -m "test: add coverage for {{methodName}} in {{ClassName}}"
  • Ensure your commit is signed off with -s to comply with the Developer Certificate of Origin.

  • Push your branch to your forked repository:

      git push origin issue-{{issueNumber}}-add-tests
  • Open a Pull Request (PR) to the main repository.

  • Monitor GitHub Actions – if any checks fail and you're unsure why, feel free to ask for help in the PR comments.

  • Respond to feedback and make any necessary changes requested during the code review.

  • Once approved, your PR will be merged by a maintainer.

  • Celebrate your first contribution to open source! 🎉

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Labels

Type

No type

Projects

No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions