Buildroot Archive on lore.kernel.org
 help / color / mirror / Atom feed
From: Angelo Compagnucci <angelo.compagnucci@gmail.com>
To: buildroot@buildroot.org
Cc: Thomas Petazzoni <thomas.petazzoni@bootlin.com>,
	Angelo Compagnucci <angelo.compagnucci@gmail.com>
Subject: [Buildroot] [PATCH 3/8] website/index: align the hero on the grid
Date: Wed,  4 Nov 2026 22:00:14 +0100	[thread overview]
Message-ID: <20261104210019.3509258-4-angelo.compagnucci@gmail.com> (raw)
In-Reply-To: <20261104210019.3509258-1-angelo.compagnucci@gmail.com>

The logo of the hero is centered in the left half of the row, with a
fixed maximum width, while the title and the buttons fill the right
half: the hero looks shifted to the right with respect to the rest of
the page.

Lay it out on the grid instead: the logo fills a 4 columns wide column,
followed by an empty column and by the title and the buttons in the
remaining 7 columns. On phones, the logo stays centered above the
title.

Signed-off-by: Angelo Compagnucci <angelo.compagnucci@gmail.com>
---
 docs/website/index.html | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/docs/website/index.html b/docs/website/index.html
index c1a5d90483..712d22d98c 100644
--- a/docs/website/index.html
+++ b/docs/website/index.html
@@ -4,11 +4,11 @@
   <div class="container">
 <div class="row justify-content-center">
 <div class="col-xxl-10">
-    <div class="row align-items-center">
-      <div class="col-md-6">
-	<img class="img-fluid mx-auto d-block" src="images/logo.png" alt="" style="max-width:300px">
-      </div><!-- /col-lg-6 -->
-      <div class="col-md-6">
+    <div class="row align-items-center justify-content-center gy-4">
+      <div class="col-8 col-sm-6 col-md-4">
+	<img class="img-fluid w-100" src="images/logo.png" alt="">
+      </div><!-- /col-md-4 -->
+      <div class="col-md-7 offset-md-1">
 	<h1 class="display-3 fw-bold text-white">Buildroot<br>
 	  <small class="d-block mt-2 fs-2 fw-normal text-white-50">Making Embedded Linux Easy</small></h1>
 	<div class="row g-3 mt-1">
@@ -19,7 +19,7 @@
 	    <a class="btn btn-secondary btn-lg w-100" href="/download.html"><span class="bi bi-cloud-download-fill"></span>&nbsp; Download</a>
 	  </div>
 	</div>
-      </div><!-- /col-lg-6 -->
+      </div><!-- /col-md-7 -->
     </div><!-- /row -->
   </div>
 </div>
-- 
2.34.1

_______________________________________________
buildroot mailing list
buildroot@buildroot.org
https://lists.buildroot.org/mailman/listinfo/buildroot

  parent reply	other threads:[~2026-11-04 21:00 UTC|newest]

Thread overview: 10+ messages / expand[flat|nested]  mbox.gz  Atom feed  top
2026-11-04 21:00 [Buildroot] [PATCH 0/8] website: follow-up fixes Angelo Compagnucci
2026-11-04 21:00 ` [Buildroot] [PATCH 1/8] website/download: make the table responsive Angelo Compagnucci
2026-11-04 21:00 ` [Buildroot] [PATCH 2/8] website: rework the navigation bar Angelo Compagnucci
2026-11-04 21:00 ` Angelo Compagnucci [this message]
2026-11-04 21:00 ` [Buildroot] [PATCH 4/8] website: version the CSS and JS URLs Angelo Compagnucci
2026-11-04 21:00 ` [Buildroot] [PATCH 5/8] website/download: fix the git clone box on phones Angelo Compagnucci
2026-11-04 21:00 ` [Buildroot] [PATCH 6/8] website/news: fix an unbalanced paragraph Angelo Compagnucci
2026-11-04 21:00 ` [Buildroot] [PATCH 7/8] website: escape the bare ampersands Angelo Compagnucci
2026-11-04 21:00 ` [Buildroot] [PATCH 8/8] DEVELOPERS: add Angelo Compagnucci for the website Angelo Compagnucci
2026-11-04 21:06 ` [Buildroot] [PATCH 0/8] website: follow-up fixes Thomas Petazzoni via buildroot

Reply instructions:

You may reply publicly to this message via plain-text email
using any one of the following methods:

* Save the following mbox file, import it into your mail client,
  and reply-to-all from there: mbox

  Avoid top-posting and favor interleaved quoting:
  https://en.wikipedia.org/wiki/Posting_style#Interleaved_style

* Reply using the --to, --cc, and --in-reply-to
  switches of git-send-email(1):

  git send-email \
    --in-reply-to=20261104210019.3509258-4-angelo.compagnucci@gmail.com \
    --to=angelo.compagnucci@gmail.com \
    --cc=buildroot@buildroot.org \
    --cc=thomas.petazzoni@bootlin.com \
    /path/to/YOUR_REPLY

  https://kernel.org/pub/software/scm/git/docs/git-send-email.html

* If your mail client supports setting the In-Reply-To header
  via mailto: links, try the mailto: link
Be sure your reply has a Subject: header at the top and a blank line before the message body. 
This is a public inbox, see mirroring instructions
for how to clone and mirror all data and code used for this inbox