Trending Article Section

[netlify[bot]]

✅ Deploy Preview for guidance-grid-nits ready!

Name	Link
🔨 Latest commit	48e5aeecf6673e4231a8beff8c73a6f092b13f13
🔍 Latest deploy log	https://app.netlify.com/sites/guidance-grid-nits/deploys/63931808fc3fa500093487df
😎 Deploy Preview	https://deploy-preview-10--guidance-grid-nits.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site settings.

[codadept]

Pull the home-page branch in your local repo and then merge in your trending branch and then resolve the merge conflicts and then push the changes in your trending branch and then push it

Steps: (Make sure you are in trending branch locally)

git pull --all
git merge home-page

Resolve all the merge conflicts

git add .
git commit -m "MERGE: Conflicts resolved"
git push origin trending

These steps are to be perform each time you create a PR. Also github actions alerts you about the merge conflicts.

[codadept]

More changes

• Don't use px in your scss because that's specific for devices. Use relative units like vh, vw or percentages.
• Remove the border/outline on input

• Add more margin/padding in the trending section

As it is in the design

• Match with the design for Trending card

[codadept]

After pulling from home-page branch you will find a directory

public/images/

Then move all your images you have used into this directory and then use those images from here. Then delete your

public/Images/ directory

[codadept]

The design of Trending Component doesn't match with the design provided by the UI/UX Team

Your design

Design provided

Try this structure for your markup