diff --git a/src/static/css/all.css b/src/static/css/all.css index 4364c9e..b3f17d6 100755 --- a/src/static/css/all.css +++ b/src/static/css/all.css @@ -146,12 +146,12 @@ img { grid-area: 1 / 1 / 2 / 2; color: #C0AAC0; text-align: center; - font-size: 5vw;/*1.5em;*/ + font-size: 5vw; text-overflow: hidden; - white-space: nowrap; /* Prevent text from wrapping */ + white-space: nowrap; display: flex; - justify-content: center; /* Horizontally center content */ - align-items: center; /* Vertically center content */ + justify-content: center; + align-items: center; } .top a { color: #C0AAC0; diff --git a/src/static/css/games.css b/src/static/css/games.css index 88a67ce..cb7bd6c 100755 --- a/src/static/css/games.css +++ b/src/static/css/games.css @@ -2,10 +2,16 @@ color: white; } - iframe { border: 2px solid #df85a5; padding: 10px; display: block; margin: auto; } + +@media (max-width: 767px) { + iframe { + max-width: 100%; + height: auto; + } +}