made form a bit smaller so it fits 1920x1080 screens & centered form vertically and horizontally with flexbox so its at screens bigger than 1920x1080(like nowadays 4k) always in the center/center

master
joak 12 months ago
parent 6a70f2f6e6
commit 6a94d0287b

@ -1,11 +1,18 @@
body{
display:flex;
flex-direction: column;
justify-content: center;
height:100vh;
}
form{ form{
max-width: 1300px; max-width: 1100px;
margin: 1em auto; margin: 1em auto;
padding: 1em; padding: 1em;
text-align: center; text-align: center;
} }
form *{ form *{
font-size: 24px; font-size: 20px;
} }
form h1{ form h1{
font-size: 100%; font-size: 100%;

@ -125,7 +125,6 @@
</div> <!-- #options --> </div> <!-- #options -->
</div> <!-- #dropdowns --> </div> <!-- #dropdowns -->
<div id="info"> <div id="info">
<br>
<p> <p>
The <a href="https://xpub.nl/">Master Experimental Publishing</a> at the <a href="https://www.pzwart.nl/">Piet Zwart Instituut</a> in Rotterdam (NL)<br> The <a href="https://xpub.nl/">Master Experimental Publishing</a> at the <a href="https://www.pzwart.nl/">Piet Zwart Instituut</a> in Rotterdam (NL)<br>
is a two-year master focused on the acts of making things public and creating publics<br> is a two-year master focused on the acts of making things public and creating publics<br>
@ -138,7 +137,6 @@
<br> <br>
<a href="https://www.pzwart.nl/experimental-publishing/apply/"><button>Apply here!</button></a> <a href="https://www.pzwart.nl/experimental-publishing/apply/"><button>Apply here!</button></a>
<br> <br>
<br>
</p> </p>
</div> <!-- #info --> </div> <!-- #info -->
</fieldset> </fieldset>

Loading…
Cancel
Save