Center STEP 3 TRAINER under the RanaZe wordmark

hz/step3

.loader-wordmark had no explicit width or text-align, so as a flex
item (align-items: center) it shrink-wrapped to whatever width the
"RanaZe" inline spans needed. wordmark-trainer's display:block then
filled that same ambiguous width rather than the wordmark block's
true rendered box, leaving it off-center relative to "RanaZe" above
it. Giving .loader-wordmark an explicit width:100% and text-align:
center makes both lines center within the same known-width box.

Verified in a real browser: both elements now report identical
getBoundingClientRect() centers (x=960 in a 1920px viewport).

This commit is contained in:

2026-07-25 09:14:27 -05:00

parent 854c887a1a

commit bb9f59b3cc

1 changed files with 2 additions and 0 deletions

									
										web/medmind_shell.html
									
		+2
		
												View File
												
					@@ -180,6 +180,8 @@

									letter-spacing: 0;

									letter-spacing: 0;

									line-height: 1;

									line-height: 1;

									margin: 12px 0 0;

									margin: 12px 0 0;

									text-align: center;

									width: 100%;

								}

								}

								.wordmark-rana {

								.wordmark-rana {