Как изменить блок с SVG в CSS?

Question

[AIIVY ⠀]

Привет! Недавно начал разрабатывать сайт и добавил туда изображения-ссылки, но крайнее изображение имеет блок почти в половину экрана. Как его сделать по размеру контента в нём?

Answer 1

[xdevelx]

Укажите width и height атрибуты.
<img width="100" height="100">
или
<svg width="100" height="100">

Comments

[AIIVY ⠀]

Не помогло.

[xdevelx]

Егор Мунтьян, Раз не помогло, значит ссылку давайте на песочницу или github page

[frontend queen]

Егор Мунтьян, так сходу и не скажешь. чекай в девтулзах размерности.
как вариант: ты отступ делал через padding-left

Answer 2

[frontend queen]

залез в код. ты центрируешь svg через margin-left: 41%;
это не вариант. оберни все ссылки на соцсети в контейнер, а тому уже задай margin: 0 auto; (0 - вертикаль, auto - горизонталь)
либо с помощью flexbox, пример

Answer 3

[Арсений Матыцин]

Почитай про SVG и как он работает в принципе. Вот у нее хорошо это осмотрено. Если же ты используешь вставку svg через img, то у тебя багуля другого характера и для нее нужны сырцы, в идеале с ссылкой, чтобы дать конкретный ответ. Но скорее всего у тебя нет фиксированных размеров, а SVG такое не очень любит.