github-actions[bot]
commented
1 month ago Thank you for creating this issue! 🎉 Your issue will soon be reviewed by Project Maintainers. In the meantime, please make sure to provide all the necessary details and context. If you have any questions or additional information, feel free to add them here. Your contributions are highly appreciated! 😊
You can also check our CONTRIBUTING.md for guidelines on contributing to this project.
Description:
The "scroll-to-bottom" component used on the website to take the user directly to the bottom of the page has a misaligned arrow within the div. Currently, the arrow is off-center, affecting the visual appeal and usability. Small details like this can have a significant impact on user experience, especially in navigation components.
How to Reproduce the Issue:
Open the website. Scroll to the hero section of the landing page. Observe the green circular div with the downward-pointing arrow. Notice that the arrow is not properly aligned to the center of the circle.
Screenshot of the Issue:
What and How It Should Be:
Problem: The arrow inside the scroll-to-bottom component is not aligned, which makes the button look unbalanced and less professional.
Solution: The arrow should be centrally aligned within the circular div. This can be achieved using modern layout techniques such as padding, Flexbox, or CSS Grid to ensure the arrow is perfectly centered.
Expected Result: The arrow should appear centered within the circle, providing a visually balanced and user-friendly interface.
Additional Notes:
Aligning the arrow correctly will improve the button's look and feel, making it more intuitive for users who rely on this functionality to navigate to the bottom of the page.