openvibers/openvibe.community Commits

Phone 320px: list grids with a 290-420px minimum column use minmax(min(N, 100%), 1fr), so a single column fits a 320px screen (#92)

OP OpenVibers committed 27 days ago · e28ad14900 · 1 file, +1 −1

Changes

ddiff --git a/public/css/community.css b/public/css/community.css
iindex 11ba198..d4788c4 100644
---- a/public/css/community.css
++++ b/public/css/community.css
@@@ -44,7 +44,7 @@ img { max-width: 100%; height: auto; }
  /* Home: the showcase kit (openvibe-shared/showcase.css) draws the hero, features, code and closing call; this is the terminal sample beside the hero. */
  /* The kit centres its sections at 1080px with their own gutter; here they share the page's column with the paste grids. */
  .page > .sc-hero, .page > .sc-sec, .page > .sc-cta { max-width: none; padding-left: 0; padding-right: 0; }
--.page > .sc-sec .sc-grid { grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); }
++.page > .sc-sec .sc-grid { grid-template-columns: repeat(auto-fill, minmax(min(300px, 100%), 1fr)); }
  .cm-hero-code { margin: 0; padding: 16px 18px; border-radius: var(--radius); border: 1px solid var(--border); background: var(--bg-primary); color: var(--text-primary); font-size: 13px; line-height: 1.65; overflow: auto; white-space: pre; }
  
  /* Sections */