Skip to content
New issue

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

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

Already on GitHub? # to your account

edited styling for home and randomizer wheel #34

Open
wants to merge 1 commit into
base: master
Choose a base branch
from

Conversation

hilarifan
Copy link
Collaborator

I edited the styling for the home and randomizer wheel page to be screen responsive for iPhone SE, XR, 12 pro, pixel, and Samsung galaxy

for home page

  • changed all margins to be a percentage of the window dimensions, changed fonts to be rem instead of px
  • fixed the problem of overlapping welcome text, monthly exercise, tip components
  • fixed the styling for the speech bubble and all images to be screen responsive
  • added the custom fonts to styling
    here's what it looks like on iPhone xr

Screenshot 2023-04-23 at 12 01 30 AM

for randomizer wheel page

  • fixed all margins and images the same way
  • fixed overlap of wheel and randomizer header
  • edited modal styling as well
    here's it on an iPhone xr

Screenshot 2023-04-23 at 12 01 45 AM

@hilarifan hilarifan requested review from ipekgoktan and floan April 23, 2023 07:16
Copy link
Collaborator

@ipekgoktan ipekgoktan left a comment

Choose a reason for hiding this comment

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

yayy good job

# for free to join this conversation on GitHub. Already have an account? # to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants