Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

6: Fix hero component and create new pages #929

Merged
merged 4 commits into from
Oct 11, 2023
Merged

Conversation

karnikaavelumani
Copy link
Collaborator

@karnikaavelumani karnikaavelumani commented Oct 6, 2023

  • Add separate .svelte files per component
  • Create hero component
  • Adjust hero component in desktop mode to fit to figma wireframe

Fix: #923.

- Add separate `.svelte` files per component
- Create hero component
TODO:
- Adjust hero component in desktop mode to fit to figma wireframe
@netlify
Copy link

netlify bot commented Oct 6, 2023

Deploy Preview for acmcsuf ready!

Name Link
🔨 Latest commit 5b4379e
🔍 Latest deploy log https://app.netlify.com/sites/acmcsuf/deploys/65270b7401d1ff000819eaaa
😎 Deploy Preview https://deploy-preview-929--acmcsuf.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.

@karnikaavelumani karnikaavelumani marked this pull request as draft October 6, 2023 05:38
@karnikaavelumani karnikaavelumani self-assigned this Oct 6, 2023
@karnikaavelumani
Copy link
Collaborator Author

karnikaavelumani commented Oct 6, 2023

Please note in order to see the actual changes in the preview or in dev mode, it is on the /6 page.

cc: @tomasohCHOM

@tomasohCHOM
Copy link
Collaborator

tomasohCHOM commented Oct 6, 2023

I was able to make those changes by making the text within the h1 all span elements to make it have consistent behavior. Added some gap within grid elements in desktop view too.

@karnikaavelumani karnikaavelumani marked this pull request as ready for review October 6, 2023 22:59
</section>

<style>
section {
Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Move <img> above text container in mobile view

justify-self: center;
}

@media screen and (min-width: 768px) {
Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Replace @media queries with container queries

@EthanThatOneKid EthanThatOneKid changed the title Fix hero component and create new pages 6: Fix hero component and create new pages Oct 8, 2023
Copy link
Owner

@EthanThatOneKid EthanThatOneKid left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM! Thanks for kicking off the 6.0 redesign, @karnikaavelumani and @tomasohCHOM!

@EthanThatOneKid
Copy link
Owner

EthanThatOneKid commented Oct 11, 2023

Let’s convert the unresolved comments into issues in order to make sure they get followed up on.

@EthanThatOneKid EthanThatOneKid merged commit 776c14a into main Oct 11, 2023
4 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Create Hero component
3 participants