Footer link cards hover animation is not smooth

[Abhijeet2409]

Problem

The movement of footer link cards (.footer__links-column) appears slightly inconsistent instead of smooth.

Investigation

While inspecting the footer styles, I noticed that the first footer card (.footer__about) already defines a transition for transform and box-shadow.

However, the link cards (.footer__links-column) define transitions only for background-color and box-shadow, but not transform.

Because of this, the hover transform occurs instantly, resulting in a jerky hover effect.

Issue.mp4

Note: For clearer demonstration in the attached video, the scale value was temporarily increased. The suggested fix will only add the missing transition and does not modify the existing transform behavior.

Suggested Fix

Add transform to the transition property for .footer__links-column.

.footer__links-column {
  transition: background-color 0.3s ease,
              box-shadow 0.3s ease,
              transform 0.3s ease;
}

[Abhijeet2409]

I am working on this and will open a PR to fix the issue soon.