SSWConsulting / SSWConsulting/SSW.Website

🐛 Bug - Inconsistent Instagram Icon Styling in Footer

Open
#4,117 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Needs Refinement YakShaver
Dominant language
HTML
Stars
14
Forks
10
Avg merge
13h 51m
Merged PRs (30d)
38

Description

Requested by: @bettybondoc via YakShaver.ai 🦬
cc: @bettybondoc, @brookjeynes-ssw, @adamcogan, @babakamyljanovssw

Hi Team!

  🟥  Watch the video (32 sec)

  Url from screen share: https://www.ssw.com.au/company/about-us

Pain

The Instagram icon in the footer of the SSW Website does not have a background with a border radius like the other social media icons, leading to inconsistency in design.

Acceptance Criteria
  1. The Instagram icon in the footer should have a background with a border radius.
  2. The styling of the Instagram icon should be consistent with other social media icons in the footer.
  3. Changes should be applied across all instances of the footer on the website.
Reproduce Steps
  1. Navigate to the SSW Website at www.ssw.com.au.
  2. Scroll down to the footer section.
  3. Observe the Instagram icon and note the lack of background and border radius compared to other icons.
Screenshot

Screenshot
Figure: Instagram icon lacks background and border radius in footer

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Open the SSW Website page at https://www.ssw.com.au/company/about-us and inspect the footer, comparing the Instagram icon with the other social icons. Locate the shared footer implementation, apply the matching styling across all footer instances, and verify the background and border radius visually on the site.

Written by the indexing model from the issue text.

Assessment

Tech stack
html, nextjs
Domain
design, frontend
Issue type
Bug
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Stale
Clarity
Clearly specified
Newbie friendliness
48/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.