マテリアライズ：ロゴのサイズを正しく変更する

Question

マテリアライズを使用して新しいウェブサイトデザインを作成しようとしています。
これまではすべてがうまくいっていますが、1つのこと：
デスクトップ版では、ロゴは完全にうまくとどまりませんが、レスポンスビューに入る（または大きく拡大する）とロゴが正しくフィットしません。

だから私の質問は、私はこの問題を解決することができる方法ですか？
ロゴを少し小さくしてフィットしたい。ここ

は私が現時点で使用CSSです：

.brand-img img { 
    padding-left: 5px; /* Fix a little issue of the logo "sticking" to the left side of the screen too much */ 
    height: 100%; 
} 

と（その壮観ではありません）私が使用してHTMLライン：

<a href="#" class="brand-img img-responsive"> 
    <img src="https://www.finlaydag33k.nl/wp-content/uploads/2016/08/logo-FDG-300-01-300x300.png"> 
</a> 

私は、誰かがすることができます願っています私を助けて:)

Answer 1

はあなたのイメージのためにこれを使用してみてください：

position:relative; top:1px; /*adjust this top*/ 

これで画像の位置が変更され、部門に合うようになります