Sarai-WMDE added a comment.
In T343344#9194407 <https://phabricator.wikimedia.org/T343344#9194407>, @HasanAkgun_WMDE wrote: > @Sarai-WMDE I have 2 questions regarding the final design: > 1 . How should it look like between breakpoints? I mean, with 550px width, should it look like tablet design or mobile design? > > 2. How should it look like at breakpoints? For example; at exactly 320px width should it look like tablet design or mobile design? Hey @HasanAkgun_WMDE! Thanks for the questions. I tried to reflect that on the specs, but this is always tricky to communicate. We're working with 3 breakpoints: $min-width-breakpoint-mobile (320px): Where the horizontal margins of the page should be 24px. $min-width-breakpoint-table (640px): Where the horizontal margins become a minimum of 32px. At some point between this breakpoint and the desktop one (precisely at 744px), the content will reach its max-width: 680px. Beyond that, the horizontal margins will increase in size, but the content's width won't change. $min-width-breakpoint-desktop (1120px): Same as above, so the breakpoint might not need to be specified? The content keeps its max width and the margins grow in width to take over the rest of the viewport. For all breakpoints, the top margin (space above the logo) should be 10vw (let's see how that feels once implemented, this spaccing might need some adjustment). Please let me know if anything is still unclear or missing 🙏 TASK DETAIL https://phabricator.wikimedia.org/T343344 EMAIL PREFERENCES https://phabricator.wikimedia.org/settings/panel/emailpreferences/ To: HasanAkgun_WMDE, Sarai-WMDE Cc: ItamarWMDE, noarave, Lydia_Pintscher, Sarai-WMDE, Nikki, Aklapper, Danny_Benjafield_WMDE, Astuthiodit_1, karapayneWMDE, Invadibot, maantietaja, Mattia_Capozzi_WMDE, Akuckartz, Nandana, Lahi, Gq86, GoranSMilovanovic, QZanden, LawExplorer, _jensen, rosalieper, Scott_WUaS, Wikidata-bugs, aude, Mbch331
_______________________________________________ Wikidata-bugs mailing list -- wikidata-bugs@lists.wikimedia.org To unsubscribe send an email to wikidata-bugs-le...@lists.wikimedia.org