Trying to make sense of gitea's css

templates/home.tmpl

@@ -2,10 +2,12 @@
 <div class="page-content home">
 	<div class="ui stackable middle very relaxed page grid">
 		<div class="sixteen wide center aligned centered column">
-			<div>
-				<img class="logo" width="220" height="220" src="{{AssetUrlPrefix}}/img/shad-pfp.png" alt="Shad Amethyst's profile picture" />
-				<div style="font-size: 8em;">+</div>
-				<img class="logo" width="220" height="220" src="{{AssetUrlPrefix}}/img/logo.svg" alt="Gitea logo" />
+			<div class="ui middle grid">
+				<div class="sixteen wide center aligned centered row" style="user-select: none;">
+					<img class="logo" width="220" height="220" src="{{AssetUrlPrefix}}/img/shad-pfp.png" alt="Shad Amethyst's profile picture" />
+					<div style="font-size: 8em; margin-left: 1em; margin-right: 1em;">+</div>
+					<img class="logo" width="220" height="220" src="{{AssetUrlPrefix}}/img/logo.svg" alt="Gitea logo" />
+				</div>
 			</div>
 			<div class="hero">
 				<h1 class="ui icon header title">