Update Documentation about centered logo on Mobile Header?

Thank you so much David (and Acela!) for the code found in this older topic!!!
https://generatepress.com/forums/topic/how-to-center-logo-on-mobile/

Can I make a suggestion:
Please add the code, with Acelas contribution, to this Document page: https://docs.generatepress.com/article/centering-logo-mobile-header/
That would help others looking for this rather common layout. Because I find the present old code on that docu page to not work so well. Hard to center the logo perfect. Is the code outdated, or is it because my logo is SVG?

I have tried many different code options I have found in this support forum, but this one finally works perfect!! (I have a SVG logo, I do not know if that makes any differens when choosing the best code for Mobile Header?)

I also added some simple extra code to make the SVG-logo bigger and with changed padding on Mobile Header. This addition works well even if the logo is not centered, if someone wants to try.

My code know looks like this and I am happy with it! :-)

/* Center logo */
.site-logo.mobile-header-logo  {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	margin-left: auto;
}
#mobile-header .menu-toggle {
	order: -1;
	margin-right: auto;
}
/* Mobile logo bigger */
.site-logo.mobile-header-logo img 	{
	padding: 4px;
}
#mobile-header.main-navigation.mobile-header-navigation {
	padding-top: 2px;
	padding-bottom: 2px;
}

So no question, this time. Just wanted to thank you and leave a suggestion :-)
Please do tell if you found out that the code still does have some bumps..