Vin205 / Enyanjyoti

This repository is officially part of GirlScript Summer of Code 2024 Extended Edition! Enyanjyoti platform serves as a one stop solution for conceptual learning, career and employment opportunities and information about loans and grants
https://enyanjyoti.vercel.app
MIT License
47 stars 167 forks source link

[Bug]: Adjust Margin and Fix Button Hover Behavior in Loan Section Cards #490

Open AyushiMaithani opened 8 hours ago

AyushiMaithani commented 8 hours ago

🐞 Bug Report

📋 Description

The Loan section cards currently have two design issues:

  1. There is insufficient margin between the paragraph text and the upper edge of the card, leading to a cramped appearance.
  2. On hover, the "View Details" button in the Loan section expands and moves out of the card, breaking the card's layout.

⚙️ Steps to Reproduce

Steps to reproduce the behavior:

  1. Open the Loans section of the page.
  2. Observe the lack of margin between the text and the upper card edge.
  3. Hover over the "View Details" button and note how it extends beyond the card's boundaries.

✔️ Expected Behavior

The "View Details" button should stay within the card boundaries when hovered.

❌ Actual Behavior

When hovering over the "View Details" button, the button expands and extends outside of the card's boundaries, disrupting the card layout.

📷 Screenshots

image

Kindly assign me this issue under hacktoberfest and gssoc-ext label.

github-actions[bot] commented 8 hours ago

👋 Hey there, rockstar! Thanks for dropping an issue! The Enyanjyoti team is on it like pineapple on pizza (love it or hate it). Stick around, magic's about to happen!