All of 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 an external index of several public inboxes,
see mirroring instructions on how to clone and mirror
all data and code used by this external index.