attempted ios fix, again

This commit is contained in:
a 2022-01-14 21:34:21 -06:00
parent 6b1be7caa3
commit a7e57a7563

View file

@ -41,14 +41,13 @@ header {
header h1 {grid-row: 2} header h1 {grid-row: 2}
header p {grid-row: 3} header p {grid-row: 3}
section {padding: 1rem} section {padding: 1rem}
dl {display: grid; grid-template-columns: 6.25em 1fr} dl {display: grid; grid-template-columns: 6.5em 1fr}
dt {grid-column: 1; font-weight: 700; line-height: 1.5} dt {grid-column: 1; font-weight: 700; line-height: 1.5}
dd {grid-column: 2; line-height: 1.5; text-align: right} dd {grid-column: 2; line-height: 1.5; text-align: right}
dt, dd {margin-top: 0.5em} dt, dd {margin-top: 0.5em}
dl p {grid-column: span 2; max-width: 18em} dl p {grid-column: span 2; max-width: 18em}
#gaming h2 {margin-bottom: 0.5em} #gaming h2 {margin-bottom: 0.5em}
#gaming div {display: flex} #gaming a {display: inline-flex; width: 2em; height: 2em; align-items: center; margin-right: 1em;}
#gaming a {display: flex; width: 2em; height: 2em; align-items: center; margin-right: 1em}
#gaming span {font-size: 1em; line-height: 2; flex-grow: 1; text-align: right} #gaming span {font-size: 1em; line-height: 2; flex-grow: 1; text-align: right}
#work a, #concerts a, #support a {display: flex; gap: 1em; margin-top: 1em; max-width: max-content} #work a, #concerts a, #support a {display: flex; gap: 1em; margin-top: 1em; max-width: max-content}
#work span, #concerts span, #support span {display: block; font-size: 1em; line-height: 2} #work span, #concerts span, #support span {display: block; font-size: 1em; line-height: 2}
@ -96,7 +95,6 @@ img {color: white}
</section> </section>
<section id="gaming"> <section id="gaming">
<h2>sometimes i game.</h2> <h2>sometimes i game.</h2>
<div>
<a href="https://twitch.tv/triggerofsol"> <a href="https://twitch.tv/triggerofsol">
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="fill:currentColor" viewBox="1 -3 1001 1144"><path d="M907 605 740 772H490L347 903V772H144V93h763v512zM49-3 1 188v834h215v119h107l119-119h191l369-369V-3H49z"></path><path d="M395 559h93V280h-93v279zm255 0h94V280h-94v279z"></path></svg> <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="fill:currentColor" viewBox="1 -3 1001 1144"><path d="M907 605 740 772H490L347 903V772H144V93h763v512zM49-3 1 188v834h215v119h107l119-119h191l369-369V-3H49z"></path><path d="M395 559h93V280h-93v279zm255 0h94V280h-94v279z"></path></svg>
</a> </a>
@ -107,7 +105,6 @@ img {color: white}
<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" viewBox="0 0 256 259"><path fill="currentColor" d="M128 0C60 0 5 52 0 119l69 29a36 36 0 0 1 22-7l31-44v-1c0-27 21-49 48-49s48 22 48 49-21 49-48 49h-1l-44 31a37 37 0 0 1-36 39c-17 0-32-13-35-30L4 165c16 54 65 94 124 94 71 0 128-58 128-130C256 58 199 0 128 0ZM80 196l-15-6a27 27 0 0 0 49-2 28 28 0 0 0-14-36c-7-2-14-2-20 0l16 7c10 4 15 16 11 26-5 11-16 16-27 11ZM202 96c0-18-14-32-32-32s-32 14-32 32 14 33 32 33 32-15 32-33Zm-56 0c0-14 11-24 24-24 14 0 24 10 24 24 0 13-10 24-24 24-13 0-24-11-24-24Z"></path></svg> <svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" viewBox="0 0 256 259"><path fill="currentColor" d="M128 0C60 0 5 52 0 119l69 29a36 36 0 0 1 22-7l31-44v-1c0-27 21-49 48-49s48 22 48 49-21 49-48 49h-1l-44 31a37 37 0 0 1-36 39c-17 0-32-13-35-30L4 165c16 54 65 94 124 94 71 0 128-58 128-130C256 58 199 0 128 0ZM80 196l-15-6a27 27 0 0 0 49-2 28 28 0 0 0-14-36c-7-2-14-2-20 0l16 7c10 4 15 16 11 26-5 11-16 16-27 11ZM202 96c0-18-14-32-32-32s-32 14-32 32 14 33 32 33 32-15 32-33Zm-56 0c0-14 11-24 24-24 14 0 24 10 24 24 0 13-10 24-24 24-13 0-24-11-24-24Z"></path></svg>
</a> </a>
<span>triggerofsol</span> <span>triggerofsol</span>
</div>
</section> </section>
<section id="concerts"> <section id="concerts">
<h2>i like going to concerts.</h2> <h2>i like going to concerts.</h2>