Commit 6eec6ee

authored

Merge pull request #1778 from bhumii-ka/master

Fixes

2 parents 89a62ba + df0d01a commit 6eec6eeCopy full SHA for 6eec6ee

File tree

+14

-6

lines changed

+14

-6

lines changed

Lines changed: 3 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -3,13 +3,15 @@`
`3`	`3`
`4`	`4`	`<head>`
`5`	`5`	`<meta charset="UTF-8">`
	`6`	`+ <meta name="viewport" content="width=device-width, initial-scale=1.0">`
`6`	`7`	`<title>Drum Kit</title>`
`7`	`8`	`<link rel="stylesheet" href="style.css">`
`8`	`9`	`<link rel="icon" href="assets/drum.png">`
`9`	`10`	`<link rel="icon" href="assets/favicon.png">`
`10`	`11`	`</head>`
`11`	`12`
`12`	`13`	`<body>`
	`14`	`+ <div id="container">`
`13`	`15`	`<h1 id="title">Drum Kit</h1>`
`14`	`16`	`<div class="keys">`
`15`	`17`	`<div data-key="65" class="A key">`
`@@ -69,6 +71,7 @@ <h1 id="title">Drum Kit</h1>`
`69`	`71`	`</p>`
`70`	`72`	`</footer>`
`71`	`73`
	`74`	`+ </div>`
`72`	`75`	`<script src="main.js"></script>`
`73`	`76`
`74`	`77`	`</body>`

Lines changed: 11 additions & 6 deletions

Original file line number	Diff line number	Diff line change
`@@ -18,6 +18,7 @@ h1 {`
`18`	`18`	`color: #FEFFE2;`
`19`	`19`	`font-family: "Arvo", cursive;`
`20`	`20`	`text-align: center;`
	`21`	`+ margin-bottom: 0;`
`21`	`22`	`}`
`22`	`23`
`23`	`24`	`span {`
`@@ -26,8 +27,9 @@ span {`
`26`	`27`
`27`	`28`	`.keys {`
`28`	`29`	`display: flex;`
	`30`	`+ flex-wrap: wrap;`
`29`	`31`	`flex: 1;`
`30`		`- min-height:40vh;`
	`32`	`+ align-content: center;`
`31`	`33`	`align-items: center;`
`32`	`34`	`justify-content: center;`
`33`	`35`	`}`
`@@ -39,7 +41,7 @@ span {`
`39`	`41`	`font-size: 1.5rem;`
`40`	`42`	`padding: 1rem .5rem;`
`41`	`43`	`transition: all .07s ease;`
`42`		`- width: 10rem;`
	`44`	`+ width: 78pt;`
`43`	`45`	`text-align: center;`
`44`	`46`	`color: white;`
`45`	`47`	`background-color: #212121;`
`@@ -72,14 +74,17 @@ footer {`
`72`	`74`	`text-align: center;`
`73`	`75`	`color: white;`
`74`	`76`	`font-size: 1.5rem;`
`75`		`- position: absolute;`
`76`		`- left: 0;`
`77`		`- right: 0;`
`78`		`- bottom: 0;`
`79`	`77`	`margin-bottom: 0;`
`80`	`78`	`padding: 5px;`
`81`	`79`	`}`
`82`	`80`
`83`	`81`	`footer a:visited {`
`84`	`82`	`color: inherit;`
	`83`	`+}`
	`84`	`+`
	`85`	`+#container{`
	`86`	`+ height: 100vh;`
	`87`	`+ display: flex;`
	`88`	`+ flex-direction: column;`
	`89`	`+ justify-content: space-between;`
`85`	`90`	`}`

Comments

(0)