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

check spacing between logo and edges of header #6190

Open
CarolingerSeilchenspringer opened this issue Mar 4, 2025 · 2 comments
Open

check spacing between logo and edges of header #6190

CarolingerSeilchenspringer opened this issue Mar 4, 2025 · 2 comments
Assignees
Labels
Prio: Medium fixed and released with next scheduled release Type: UX/UI or design issue related to the design

Comments

@CarolingerSeilchenspringer
Copy link
Contributor

URL: any
user: https://meinberlin-design-dev.liqd.net/
expected behaviour:
behaviour:
important screensize:
device & browser:
Comment/Question: Skzl asked to check if the spacing is correct between the logo and the edges of the header, it seemed a bit small to them. Please check again: https://styleguide.berlin.de/patterns/09-vertical_marketing-page-global-header/09-vertical_marketing-page-global-header.html

Screenshot?

@CarolingerSeilchenspringer CarolingerSeilchenspringer added Prio: Medium fixed and released with next scheduled release Type: UX/UI or design issue related to the design labels Mar 4, 2025
@sevfurneaux sevfurneaux self-assigned this Mar 4, 2025
@sevfurneaux
Copy link
Collaborator

@CarolingerSeilchenspringer spacing between the logo and the header are identical on desktop and mobile as https://styleguide.berlin.de/patterns/09-vertical_marketing-page-global-header/09-vertical_marketing-page-global-header.html.

However, even though the padding is identical on mobile, the mb logo is full height which makes it look visually tight:

meinBerlin

Image

Styleguide

Image

We could reduce the logo height on mobile?

@CarolingerSeilchenspringer
Copy link
Contributor Author

@sevfurneaux yes, or maybe we need to have some more padding around our logo as this also seems to be a difference between the two examples?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Prio: Medium fixed and released with next scheduled release Type: UX/UI or design issue related to the design
Projects
None yet
Development

No branches or pull requests

2 participants