PR for issue #6: Feature: Enhance desktop version

[ITurres]

Pull Request Summary for Issue #6 Completion

Overview:

This pull request is to address issue #6. The idea is to enhance the desktop layout by giving it a slightly different look than the mobile layout.

Changes Made:

Added:

• n/a.

---

Modified:

• .env.sample

  • Updated the REACT_APP_FMP_KEY value to REACT_APP_FMP_API_KEY.

• .gitignore

  • Added pr.md and .env.

• /src/components/CompanyCard.tsx

  • Added style class company-card to Card element.
  • Updated Card.Img element style class to company-card__logo.

• /src/pages/CompanyPage.tsx

  • Added a second img element with the same company logo, to be displayed as blurred in the background.
  • Added my-container style class to the h5 element.

• /src/pages/Home.tsx

  • Updated img 'hero' logo class from hero to hero__logo.
  • Added hero__text to title container.

• /src/styles/index.scss

  • Added new custom property --bright-pink-2-opacity to be used for the company's cards on desktop.
  • Updated classes and added breakpoints for the new custom desktop layout.

---

Deleted:

• n/a.

---

Impact:

• This will impact the desktop layout and the img logo on the mobile layout.

Testing:

• All tests remain passing.

Related Issues:

• Closes Enhance the Desktop Version of the App #6.

Dependencies:

• n/a.

Additional Notes:

• These changes are already available in the lastest deploy.

---

[ITurres]

✅ Good for merge.