Skip to content

feat: Add Hover Underline Effect to Phone and Email Links#9

Open
akshay0611 wants to merge 1 commit intocodewithsadee:masterfrom
akshay0611:feature/add-hover-effect-to-contact-links
Open

feat: Add Hover Underline Effect to Phone and Email Links#9
akshay0611 wants to merge 1 commit intocodewithsadee:masterfrom
akshay0611:feature/add-hover-effect-to-contact-links

Conversation

@akshay0611
Copy link
Copy Markdown

Summary:
This PR adds a hover underline effect to the phone number and email links in the contact list. The changes aim to improve the user experience by making the links more interactive and visually appealing.

Changes Made:

  • Removed the default underline from the phone and email links using inline CSS (style="text-decoration: none;").
  • Added a hover effect using a <style> block to underline the links when hovered over.
  • Ensured alignment with existing CSS styles and framework conventions.

Testing:

  • Verified that the hover effect works correctly across different browsers.
  • Tested responsiveness across different screen sizes.
  • Ensured proper rendering of the contact list and its content.

Related Issue:
Closes #8

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

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Enhancement]: Add Hover Underline Effect to Phone and Email Links

1 participant