Skip to content

style: add some spacing between logo and text in hero header - #418

Merged
bodom0015 merged 2 commits into
mainfrom
lambert8/style/homepage-logo-padding
Sep 21, 2026
Merged

bodom0015 merged 2 commits into
mainfrom
lambert8/style/homepage-logo-padding

Conversation

@bodom0015

@bodom0015 bodom0015 commented Aug 24, 2026 •

Copy link
Copy Markdown
Collaborator

Problem

On smaller screens, the logo on the OEPS homepage runs right into the text beside it

Approach

  • fix: add spacing={2} to this Grid, which adds a small bit of space between the columns

How to Test

  1. Navigate to the homepage: https://deploy-preview-418--oeps.netlify.app/
  2. Adjust the size of your window
    • You should see that no matter how small your screen gets, there is always some spacing between the logo and the text to its right
    • When the window is very small, you should see that the logo appears above the text instead for a more mobile-friendly view

Large Screens (Full)

Screenshot 2026-08-24 at 3 18 06 PM

Medium Screens (Condensed)

Screenshot 2026-08-24 at 3 19 22 PM

Small Screens (Stacked)

Screenshot 2026-08-24 at 3 19 42 PM

@netlify

netlify Bot commented Aug 24, 2026 •

Copy link
Copy Markdown

✅ Deploy Preview for oeps ready!

Name Link
🔨 Latest commit ecfa65b
🔍 Latest deploy log https://app.netlify.com/projects/oeps/deploys/6a95e7574cd10f0009e4eaa4
😎 Deploy Preview https://deploy-preview-418--oeps.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
🤖 Make changes Run an agent on this branch

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

@bodom0015
bodom0015 merged commit 16474dc into main Sep 21, 2026
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.

1 participant