Fix: Ensure widget is responsive and update text color

This commit is contained in:
2025-09-30 09:33:59 -07:00
parent ab29c8762a
commit 936d77fe77

View File

@@ -20,10 +20,11 @@ body{
text-align:center;
padding:1rem
}
h1{font-size:clamp(2rem,8vw,4rem);text-transform:lowercase;color:var(--c2)}
h1{font-size:clamp(2rem,8vw,4rem);text-transform:lowercase;color:var(--c3)}
h1 span{animation:blink 1s step-end infinite}
main{display:flex;flex-direction:column;align-items:center;gap:2rem}
.widget-wrapper{max-width:100%}
main{display:flex;flex-direction:column;align-items:center;gap:2rem;width:100%}
.widget-wrapper{max-width:646px;width:100%}
iframe{width:100%;height:190px;border:0}
footer{margin-top:2rem}
a{color:var(--c3);text-decoration:none}
a:hover{background:var(--c2);color:var(--c1)}
@@ -33,7 +34,7 @@ a:hover{background:var(--c2);color:var(--c1)}
<main>
<h1>planetrenox<span>_</span></h1>
<div class="widget-wrapper">
<iframe src="https://store.steampowered.com/widget/1745790/" frameborder="0" width="646" height="190"></iframe>
<iframe src="https://store.steampowered.com/widget/1745790/"></iframe>
</div>
<footer>
<a href="https://github.com/planetrenox" target="_blank" rel="noopener noreferrer">&gt; GITHUB</a>