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

Adjust Figma Design #553

Open
1 task done
helena-cruse opened this issue Mar 19, 2025 · 1 comment
Open
1 task done

Adjust Figma Design #553

helena-cruse opened this issue Mar 19, 2025 · 1 comment
Assignees

Comments

@helena-cruse
Copy link

helena-cruse commented Mar 19, 2025

  • Adjust the Figma design so that spacing, layer and margins are correct.
@Malin-Malin
Copy link
Contributor

Issue Completion: Student Profile Edit Page In Figma

The Student Profile Edit Page in Figma has been updated and centered. The original design had inconsistent spacing and sizing, making it difficult to achieve alignment.

Challenges & Solutions:

  • Inconsistent Measurements: There were no fixed dimensions in the style guide for this page, and similar pages had varying sizes. To maintain consistency, I referenced existing designs and aligned elements using Tailwind classes instead of hardcoding sizes.
  • Figma Discrepancies: Since multiple pages with nearly identical layouts had different spacing values, achieving a pixel-perfect result was not feasible. Instead, I standardized the spacing based on the most commonly used Tailwind classes.

With these adjustments, the page now follows the design structure and is ready for implementation in development.

Before
Image

After
Image

Assignment recieved from @sulenchy

@Malin-Malin Malin-Malin changed the title adjust Figma design Adjust Figma Design Mar 19, 2025
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

No branches or pull requests

2 participants