# El logo móvil SVG escala incorrectamente

**URL:** <https://meta.discourse.org/t/svg-mobile-logo-scales-incorrectly/256474>\
**Category:** Bug\
**Created:** [28 Febrero, 2023 08:28 UTC](https://meta.discourse.org/t/svg-mobile-logo-scales-incorrectly/256474 "2023-02-28T08:28:07Z")\
**Posts on this page:** 1\
**Showing post:** 9

<div class="post-metadata">

**Author:** ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)\
**Post date:** [1 Marzo, 2023 22:44 UTC](https://meta.discourse.org/t/svg-mobile-logo-scales-incorrectly/256474/9 "2023-03-01T22:44:37Z")

</div>

Voy a probar esto un poco más, pero parece una buena solución… gracias por resolverlo. Mi principal preocupación con `flex-grow` es cómo podría interactuar con elementos de encabezado hermanos que a veces se agregan en los temas, ¡pero parece que funciona bien por defecto!

Este problema no ocurre en el escritorio porque tenemos una altura especificada

```css
.d-header #site-logo {
  height: 2.667em;
}

```

En el móvil, asumimos que el logo es probablemente más grande que el espacio disponible y lo limitamos para que quepa:

```css
.d-header #site-logo {
  max-height: 2.4em;
  max-width: 100%;
}

```

Por lo tanto, a los SVG sin dimensiones en el escritorio se les da una dimensión en CSS, y en el móvil dejamos que el logo determine su tamaño (limitado por `max-height` o `max-width`, lo que ocurra primero). Así que, dado que no hay dimensiones ni directiva para que crezca más, se mantiene diminuto (¡según lo dictado por `min-width` en `.title`, sin eso es invisible!).

Otra posible solución es actualizar `max-height` del logo móvil a `height`. Eso sería consistente con cómo se tratan los logos en el escritorio.

Probablemente implementaré una solución para esto mañana, pero mientras tanto, agregar dimensiones al SVG es una solución fácil, ni siquiera tiene que ser una dimensión precisa… si le pones `width="1000"` y nada más, crecerá para llenar el espacio y su tamaño máximo estará limitado por CSS.

---

_[View the full topic](https://meta.discourse.org/t/svg-mobile-logo-scales-incorrectly/256474)._