From 977f8fdc46830f040ddab32c30a631a10e0082aa Mon Sep 17 00:00:00 2001 From: Julia Evans Date: Mon, 8 Sep 2025 13:47:02 -0400 Subject: [PATCH 01/42] Link to Learn page on the homepage Also use flexbox instead of `float: left` to lay out everything in a grid; it looks like this CSS was written before flexbox existed and flexbox is simpler. --- assets/sass/front-page.scss | 18 +++++------------- layouts/partials/site-root.html | 11 +++++++++-- 2 files changed, 14 insertions(+), 15 deletions(-) diff --git a/assets/sass/front-page.scss b/assets/sass/front-page.scss index 1f67a47994..4a2ede7b96 100644 --- a/assets/sass/front-page.scss +++ b/assets/sass/front-page.scss @@ -19,22 +19,14 @@ ul { @extend .unstyled !optional; padding-top: 24px; + display: flex; + flex-direction: row; + flex-wrap: wrap; + gap: 20px 40px; + margin-bottom: 40px; li { - display: block; - float: left; width: 280px; - margin-bottom: 20px; - - &#nav-about, - &#nav-downloads { - margin-right: 30px; - } - - &#nav-about, - &#nav-documentation { - margin-bottom: 40px; - } } } diff --git a/layouts/partials/site-root.html b/layouts/partials/site-root.html index 6cfa79a8ed..0bceaabc40 100644 --- a/layouts/partials/site-root.html +++ b/layouts/partials/site-root.html @@ -9,11 +9,18 @@

About

The advantages of Git compared to other source control systems.

+ +
  • - Documentation -