Skip to content
This repository was archived by the owner on Feb 24, 2025. It is now read-only.

Added past events header #47

Open
wants to merge 6 commits into
base: main
Choose a base branch
from

Conversation

alicelee2735
Copy link

Related Issue

Resolves #32.


Description

-This PR adds a "Past Events" header component
-Imports past events header in PastEvets.jsx
-Styles text alignment, color, and size according to Figma


Demo Past Events Page

Demo Header Image

Checklist

Please ensure the following before submitting the PR:

  • I have read the CODE_OF_CONDUCT.md file and followed it's guidlines.
  • I have followed the design specified in the Figma file (if applicable).

Additional Comments

Challenges
This is one of my first contributions to open-source projects. I struggled running my code locally to test my updates but learned a lot. Thanks for the opportunity.
Testing
Ran my code in Chrome and Safari Browser.
Comments
In the CSS file of the component, past-events-headercan be modified with:

  • height: 300px; change the height of the header accordingly to the page later
  • background-image: url(''); add a URL to the actual figma design's background (I couldn’t find the image)

1) Added correct back link
2) import CSS style
3) h1 text for "PAST EVENTS"
Added necessary changes according to Figma design.
Import PastEventsHeader jsx file
Copy link

netlify bot commented Feb 24, 2025

Deploy Preview for au-pclub ready!

Name Link
🔨 Latest commit 97b5f95
🔍 Latest deploy log https://app.netlify.com/sites/au-pclub/deploys/67bc82614a939d0008097653
😎 Deploy Preview https://deploy-preview-47--au-pclub.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

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

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Component][Design] Create Past Event Header
1 participant