It's always annoyed me that my logos don't get centered on my homepages of hubs cloud sometimes.
It appears this only happens when there are no rooms showing up (public or favorited).
Digging into the CSS, I see that when @media (min-width: 992px) is active, the div with the .HomePage__logo-container__ class that contains the logo has align-self: flex start, overriding align-self: auto. Narrower pages don't override this.
If I uncheck the flex start line, the logo centers.
If I have any favorited or public rooms also showing, this div holding the logo also has a HomePage__center-logo__ class added to it, which fixes this.
It's always annoyed me that my logos don't get centered on my homepages of hubs cloud sometimes.
It appears this only happens when there are no rooms showing up (public or favorited).
Digging into the CSS, I see that when
@media (min-width: 992px)is active, the div with the.HomePage__logo-container__class that contains the logo hasalign-self: flex start, overridingalign-self: auto. Narrower pages don't override this.If I uncheck the flex start line, the logo centers.
If I have any favorited or public rooms also showing, this div holding the logo also has a
HomePage__center-logo__class added to it, which fixes this.┆Issue is synchronized with this Jira Task