From 2bad398715b6a34acc5be8f1e923b36df5be95da Mon Sep 17 00:00:00 2001 From: Jason Pamental Date: Tue, 28 Aug 2018 09:34:57 -0400 Subject: [PATCH] Updates to widths and spacing --- variable-fonts/grade.html | 52 ++++---- variable-fonts/italic.html | 72 +++++------ variable-fonts/optical-sizing.html | 102 +++++++-------- variable-fonts/sample-page.html | 198 ++++++++++++++--------------- variable-fonts/slant.html | 72 +++++------ variable-fonts/weight.html | 90 ++++++------- variable-fonts/width.html | 76 +++++------ 7 files changed, 331 insertions(+), 331 deletions(-) diff --git a/variable-fonts/grade.html b/variable-fonts/grade.html index bf5d9cc0..6234da04 100644 --- a/variable-fonts/grade.html +++ b/variable-fonts/grade.html @@ -35,8 +35,8 @@ .wrapper { width: 100%; display: grid; - grid-template-columns: repeat(auto-fill,minmax(28rem,1fr)); - grid-gap: 2rem; + grid-template-columns: repeat(auto-fill,minmax(22rem,1fr)); + grid-gap: 1rem; } textarea { @@ -96,7 +96,7 @@ } - /* Adjusted with slider and custom property */ + /* Adjust with slider & custom property */ .container3 * { font-variation-settings: 'wdth' var(--text-axis); } @@ -126,17 +126,17 @@

Width

- - + +
@@ -144,17 +144,17 @@

Width

- - + +
@@ -162,17 +162,17 @@

Width

- - + +