Skip to content

Fix resume-skills block aligns columns to the top instead of the center.#3259

Merged
gcushen merged 1 commit into
HugoBlox:mainfrom
srgg:fix/resume-skills-block-uneven-alignment
Sep 15, 2025
Merged

Fix resume-skills block aligns columns to the top instead of the center.#3259
gcushen merged 1 commit into
HugoBlox:mainfrom
srgg:fix/resume-skills-block-uneven-alignment

Conversation

@srgg
Copy link
Copy Markdown
Contributor

@srgg srgg commented Sep 12, 2025

Purpose

Fix the vertical alignment issue in the resume skills block, where shorter content sections were centering vertically instead of aligning to the top.

Testing

Add a long enough description to each item under skills

skills:
  - name: Technical Skills
    items:
      - name: Python & PyTorch
        description: 'Some description text to consume space demonstrating the column start position unevenness'
        percent: 90
        icon: python
      - name: R
        description: 'Some description text to consume space demonstrating the column start position unevenness'
        percent: 80
        icon: r-project
      - name: SQL
        description: 'Some description text to consume space demonstrating the column start position unevenness'
        percent: 70
        percent: 95
        icon: code-bracket
      - name: Machine Learning
        description: ''
        percent: 100
        icon: chart-bar
      - name: Cloud Computing (AWS/GCP)
        description: ''
        percent: 85
        icon: cloud
  - name: Hobbies
    color: '#eeac02'
    color_border: '#f0bf23'
    items:
      - name: Hiking in the Rockies
        description: ''
        percent: 80
        icon: person-simple-walk
      - name: Building Custom PCs
        description: ''
        percent: 90
        icon: cpu-chip
      - name: Sci-Fi Reading
        description: ''
        percent: 70
        icon: book-open

Screenshots

Before
image

After
image

Documenttaion

No documentation changes required, as this is an internal behavior fix.

Change 'items-center' to 'items-start' to prevent shorter content from centering vertically, ensuring the Skills and Hobbies categories align at the same top level regardless of content size/height differences.
@netlify
Copy link
Copy Markdown

netlify Bot commented Sep 12, 2025

βœ… Deploy Preview for academic-demo ready!

Name Link
πŸ”¨ Latest commit 974008b
πŸ” Latest deploy log https://app.netlify.com/projects/academic-demo/deploys/68c48cc2f666d00008cd12da
😎 Deploy Preview https://deploy-preview-3259--academic-demo.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 project configuration.

@gcushen gcushen merged commit 40e2193 into HugoBlox:main Sep 15, 2025
6 checks passed
@gcushen
Copy link
Copy Markdown
Collaborator

gcushen commented Sep 15, 2025

@srgg thanks for contributing!

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.

2 participants