You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@geaflow.apache.org by lo...@apache.org on 2026/08/25 07:30:58 UTC
(geaflow-website) branch main updated: fix: fix hero section titleText sizing on smaller screens (#21)
This is an automated email from the ASF dual-hosted git repository.
Loognqiang pushed a commit to branch main
in repository https://gitbox.apache.org/repos/asf/geaflow-website.git
The following commit(s) were added to refs/heads/main by this push:
new e20a1ce fix: fix hero section titleText sizing on smaller screens (#21)
e20a1ce is described below
commit e20a1ce8dd0bdfcb7c14b07a3798eab41ce3a9a3
Author: Prakash Kumar <pg...@gmail.com>
AuthorDate: Tue Aug 25 13:00:50 2026 +0530
fix: fix hero section titleText sizing on smaller screens (#21)
---
src/pages/Home/components/Banner/index.module.css | 30 +++++++++++++++++++++++
1 file changed, 30 insertions(+)
diff --git a/src/pages/Home/components/Banner/index.module.css b/src/pages/Home/components/Banner/index.module.css
index ad7b94d..c9ff560 100644
--- a/src/pages/Home/components/Banner/index.module.css
+++ b/src/pages/Home/components/Banner/index.module.css
@@ -68,6 +68,36 @@
opacity: 0.8;
}
+@media (max-width: 1180px) {
+ .banner {
+ flex-direction: column;
+ padding: 32px 24px;
+ min-height: auto;
+ gap: 20px;
+ }
+
+ .titleText {
+ text-align: center;
+ font-size: 42px;
+ line-height: 1.1;
+ }
+
+ .descriptionText {
+ width: 80vw;
+ margin-top: 8px;
+ }
+
+ .buttonContainer {
+ margin-top: 24px;
+ }
+
+ .icon {
+ margin-right: 0;
+ width: 320px;
+ height: 320px;
+ }
+}
+
@media (max-width: 767.99px) {
.descriptionText {
width: 90vw;
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@geaflow.apache.org
For additional commands, e-mail: commits-help@geaflow.apache.org