Fix CSS on /about for large screens

This commit is contained in:
ekzyis 2023-12-03 07:14:04 +01:00
parent ceefec61cd
commit 6ab8e975fb
1 changed files with 23 additions and 1 deletions

View File

@ -8,7 +8,7 @@
| (_| | |_) | (_) | |_| | |_
\__,_|_.__/ \___/ \__,_|\__|</pre>
</div>
<div class="text-left mx-3">
<div id="container2" class="text-left mx-3">
<h1>What is this?</h1>
<div class="mx-1">
delphi.market is a prediction market based on the bitcoin lightning network.
@ -38,4 +38,26 @@ h1 {
margin-top: 0.75em;
margin-bottom: 0.25em;
}
#container2 {
max-width: 33vw;
}
@media only screen and (max-width: 1024px) {
#container2 {
max-width: 80vw;
}
}
@media only screen and (max-width: 768px) {
#container2 {
max-width: 90vw;
}
}
@media only screen and (max-width: 640px) {
#container2 {
max-width: 100vw;
}
}
</style>