Fix styling after adding links to social icons

This commit is contained in:
Fred Boniface 2022-10-28 20:49:26 +01:00
parent 99a516d72b
commit 756dc913d3
2 changed files with 5 additions and 4 deletions

View File

@ -50,7 +50,7 @@
</picture>
</div>
<div id="sidebar_social">
<a href="https://500px.com/p/fredboniface" target="_blank" rel="noreferrer noopener">
<a class="social_icon" href="https://500px.com/p/fredboniface" target="_blank" rel="noreferrer noopener">
<picture>
<source media="(min-width: 399px)" srcset="/images/social-icons/500px_seek_114.jxl" type="image/jxl">
<source media="(min-width: 399px)" srcset="/images/social-icons/500px_seek_114.webp" type="image/webp">
@ -59,14 +59,14 @@
<img src="/images/social-icons/500px_seek_58.png" alt="500px Logo">
</picture>
</a>
<a href="https://fb.me/fred.boniface" target="_blank" rel="noreferrer noopener"></a>
<a class="social_icon" href="https://fb.me/fred.boniface" target="_blank" rel="noreferrer noopener"></a>
<picture>
<source media="(min-width: 399px)" srcset="/images/social-icons/fb_blue_144.png" type="image/png">
<source srcset="/images/social-icons/fb_blue_58.png" type="image/png">
<img src="/images/social-icons/fb_blue_58.png" alt="Facebook Logo">
</picture>
</a>
<a href="https://github.com/frdbonif" target="_blank" rel="noreferrer noopener">
<a class="social_icon" href="https://github.com/frdbonif" target="_blank" rel="noreferrer noopener">
<picture>
<source media="(min-width: 399px)" srcset="/images/social-icons/gh_white_120.png" type="image/png">
<source srcset="/images/social-icons/gh_white_64.png" type="image/png">

View File

@ -141,9 +141,10 @@ body {
position: absolute;
bottom: 50px;
width: 100%;
margin: auto;
text-align: center;
}
#sidebar_social img {
.social_icon img {
max-width: 120px;
width: 20%;
}