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.

Sign up for GitHub

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

Jump to bottom

Story: Responsive Design #539

Open
4 of 5 tasks
gfellerph opened this issue Oct 3, 2022 · 1 comment · May be fixed by #4452
Open
4 of 5 tasks

Story: Responsive Design #539

gfellerph opened this issue Oct 3, 2022 · 1 comment · May be fixed by #4452
Assignees
@leagrdv
Labels
📦 documentation Related to the @swisspost/design-system-documentation package needs: 💬 pattern discussion This issue will be discussed in the next Pattern Discussion meeting.
Milestone
Maintenance III

Comments

@gfellerph
Copy link
Member

gfellerph commented Oct 3, 2022 •
edited by leagrdv
Loading

Create a story describing how to deal with responsive design. This story should look more like a blog post (.mdx).

Content (a non-exhaustive list):

  • General information about responsive design (what device types and screen sizes we support, general advice on how to do mobile/desktop design)
  • Story: Breakpoints #1046
  • Reference to the bootstrap grid system
  • Examples of usage, e.g. @include bootstrap.media-breakpoint-up(md) { ... }
  • Supported browsers

Reference:
https://www.decathlon.design/726f8c765/p/061870-layout/b/60e5d1
https://spectrum.adobe.com/page/responsive-grid/
https://volkswagen.frontify.com/d/rzB71PwpjXgt/documentation#/basics/grid
https://www.bbc.co.uk/gel/features/grid
@gfellerph gfellerph added this to the Storybook migration milestone Oct 3, 2022
@gfellerph gfellerph moved this to 📋 Backlog in Design System Production Board Oct 3, 2022
@gfellerph gfellerph added the 📦 documentation Related to the @swisspost/design-system-documentation package label Oct 3, 2022
@gfellerph gfellerph moved this from 📋 Backlog to 🔖 Ready in Design System Production Board Oct 5, 2022
@gfellerph gfellerph moved this from 🔖 Ready to 📋 Backlog in Design System Production Board Dec 8, 2022
@oliverschuerch oliverschuerch moved this from 📋 Backlog to 🔖 Ready in Design System Production Board Feb 2, 2023
@gfellerph gfellerph moved this from 🔖 Ready to 📋 Backlog in Design System Production Board Feb 15, 2023
@gfellerph gfellerph removed this from the Storybook migration milestone Jan 12, 2024
@github-actions github-actions bot added the stale label May 21, 2024
@gfellerph gfellerph removed the stale label May 29, 2024
@github-actions github-actions bot added the stale label Aug 27, 2024
@gfellerph gfellerph moved this from 🗃️ Ready for design to 💻 Ready for development in Design System Production Board Sep 23, 2024
@gfellerph gfellerph removed the stale label Oct 8, 2024
@gfellerph gfellerph added this to the Maintenance III milestone Nov 28, 2024
@leagrdv leagrdv self-assigned this Jan 15, 2025
@leagrdv leagrdv moved this from 💻 Ready for development to 🕹️ Coding in progress in Design System Production Board Jan 16, 2025
@leagrdv leagrdv linked a pull request Jan 16, 2025 that will close this issue
chore(documentation): add docs for responsive design #4452
Open
@leagrdv leagrdv moved this from 🕹️ Coding in progress to 🤬 Dev in Code Review in Design System Production Board Jan 16, 2025
@leagrdv leagrdv added the needs: 💬 pattern discussion This issue will be discussed in the next Pattern Discussion meeting. label Jan 16, 2025
@leagrdv
Copy link
Contributor

leagrdv commented Jan 16, 2025

Is there a min-width (and also maybe max-width?) size that we support?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@leagrdv leagrdv

Labels
📦 documentation Related to the @swisspost/design-system-documentation package needs: 💬 pattern discussion This issue will be discussed in the next Pattern Discussion meeting.
Projects
Design System Production Board
Status: 🤬 Dev in Code Review
Milestone
Maintenance III
Development

Successfully merging a pull request may close this issue.

chore(documentation): add docs for responsive design swisspost/design-system
3 participants
@gfellerph @imagoiq @leagrdv