diff options
| -rw-r--r-- | rec.html | 8 | ||||
| -rw-r--r-- | style.css | 12 |
2 files changed, 12 insertions, 8 deletions
@@ -10,11 +10,11 @@ <link rel="icon" type="image/x-icon" href="img/logo.ico"> </head> <body style="background: url(./img/wp.jpg)"> - <a href="./index.html" style="position: fixed; top: 5px; left: 10px;"> - <img src="img/logo.png" alt="Logo" style="height: 20vh;"> + <a href="./index.html" style="position: fixed; top: 5px; left: 10px; z-index: -1; width: 170px"> + <img src="img/logo.png" alt="Logo" width="170px"> </a> <iframe src="https://lavender-but-bread.neocities.org/buttons/piano-button.html" style="position: absolute; top: 10px; right: 10px; border: none;" width="88" height="31"></iframe> - <h1>Jams</h1> + <h1 style="margin-bottom: 50px;">Jams</h1> <!--TODO : Cool Audio Player--> <div class="audio-players"> <div class="audio"> @@ -38,4 +38,4 @@ <img src="img/i-80339.gif" alt="gif2" height="140px"> </div> </body> -</html>
\ No newline at end of file +</html> @@ -2,8 +2,8 @@ body { background: url("img/wp2.png") ; text-align: center; color: beige; - padding-left: 15vw; - padding-right: 15vw; + padding-left: 5vw; + padding-right: 5vw; } a { @@ -15,14 +15,17 @@ abbr{ .audio-players{ display: flex; + flex-wrap: wrap; justify-content: space-around; - margin: 1.5em auto; + margin: 2em auto; } .audio { display: flex; flex-direction: column; + flex-wrap: nowrap; align-items: center; + min-width: 20vw; width: 27%; padding: 20px; border-radius: 10px; @@ -46,10 +49,11 @@ abbr{ } audio { + flex-wrap: nowrap; width: 100%; border-radius: 10px; background: linear-gradient(217deg, rgba(255,0,0,.8), rgba(255,0,0,0) 70.71%), linear-gradient(127deg, rgba(0,255,0,.8), rgba(0,255,0,0) 70.71%), linear-gradient(336deg, rgba(0,0,255,.8), rgba(0,0,255,0) 70.71%); box-shadow: #111 2px 2px 10px; -}
\ No newline at end of file +} |
