mirror of
https://github.com/planetrenox/planetrenox.com.git
synced 2026-01-14 00:28:04 +00:00
Fix: Ensure widget is responsive and update text color
This commit is contained in:
@@ -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">> GITHUB</a>
|
||||
|
||||
Reference in New Issue
Block a user