make widths work on mobile

This commit is contained in:
Corwin 2024-04-05 12:09:13 +01:00
parent 3dc828bae7
commit e43d2d5a3e
No known key found for this signature in database

View file

@ -1,6 +1,7 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>agb - a rust framework for making Game Boy Advance games</title> <title>agb - a rust framework for making Game Boy Advance games</title>
<style> <style>
*, *,
@ -31,9 +32,10 @@
} }
.gameDisplay { .gameDisplay {
height: calc(min(480px, 40vh, calc(100vw / 3))); height: clamp(480px, 40vh, calc(100vw / 3));
max-width: 100vw; max-width: 100vw;
margin-top: 20px; margin-top: 20px;
overflow-x: hidden;
} }
.gameDisplay .imageWrapper { .gameDisplay .imageWrapper {