User:Nikathelostone/Sandbox: Difference between revisions
From A3! Wiki
No edit summary |
No edit summary |
||
Line 1: | Line 1: | ||
{{#css: | {{#css: | ||
/* PC DESIGN */ | /* PC DESIGN */ | ||
. | .song { | ||
flex-direction: column; | flex-direction: column; | ||
align-items: center; | align-items: center; | ||
Line 23: | Line 18: | ||
/* TABLET DESIGN */ | /* TABLET DESIGN */ | ||
@media only screen and (max-width: 800px) { | @media only screen and (max-width: 800px) { | ||
. | .song { | ||
display: flex; | display: flex; | ||
flex-direction: row; | flex-direction: row; | ||
Line 41: | Line 36: | ||
/* MOBILE DESIGN */ | /* MOBILE DESIGN */ | ||
@media only screen and (max-width: 800px) { | @media only screen and (max-width: 800px) { | ||
. | .song { | ||
flex-direction: column; | flex-direction: column; | ||
align-items: center; | align-items: center; | ||
Line 48: | Line 43: | ||
} | } | ||
} | } | ||
}} | }} | ||
<div id="contentSub"><div class="subpages">< [[Music]]</div></div> | <div id="contentSub"><div class="subpages">< [[Music]]</div></div> | ||
<div class="springmusic | <div class="springmusic song"> | ||
<div style="flex-basis: 150px; flex-grow: 1; max-width: 300px;">[[File:Mini_Album_A3%21_First_SPRING_EP.png]]</div> | <div style="flex-basis: 150px; flex-grow: 1; max-width: 300px;">[[File:Mini_Album_A3%21_First_SPRING_EP.png]]</div> | ||
<div style="flex-basis: 150px; flex-grow: 3;"> | <div style="flex-basis: 150px; flex-grow: 3;"> |
Latest revision as of 16:59, 26 March 2025
< Music