如何在左上角放置徽标？

Question

因此，我正在为我的班级建设这个网站，教授建议我将徽标放置在网站的左上角。 我有透明的PNG，并且尝试将其放置（而不是将Soundwave Records用作我要插入徽标的标题）。 我曾尝试这样做，但没有成功。 理想情况下，每当用户单击徽标时，它都会将其重定向到首页。

这是标头的当前编码：

<header role="banner" id="home" class="site-header">
<div class="container container--max">
  <h1 class="site-header__title">
    <a href="#home" data-scroll>Soundwave Records</a>
  </h1><!-- end .site-header__title -->

而且，即使我尝试使用Photoshop调整图像大小，图像似乎也太大了……无法弄清楚！

这是我的网站： http : //gabrielr.sgedu.site/final-project有任何提示/帮助吗？

Answer 1

似乎对我来说很好。

<h1 class="site-header__title">
  <a href="#home" data-scroll=""><img src="http://placehold.it/350x50"></a>
</h1>

如果您希望它重定向到主页而不是datascroll元素，只需将href=更改为http://gabrielr.sgedu.site/final-project并删除data-scroll