put summary, show category, and songs on right

3 years ago · d6ca7de7df
parent 27ab843d0e
commit d6ca7de7df
1 changed files with 16 additions and 5 deletions
--- a/src/App.vue
+++ b/src/App.vue
@ -11,13 +11,24 @@
 		<h1>Practice Tracker</h1>
 	</header>
 	<main>
-		<MinsLeftToPracticeToday/>
-		<Timer/>
-		<Summary/>
-		<ShowCategory/>
-		<Songs/>
+		<section>
+			<MinsLeftToPracticeToday/>
+			<Timer/>
+		</section>
+		<section>
+			<Summary/>
+			<ShowCategory/>
+			<Songs/>
+		</section>
 	</main>
 </template>

 <style scoped>
+	section {
+		float:left;
+		width:25%;
+	}
+	section:nth-child(2) {
+		width:75%;
+	}
 </style>