Skip to main content
se añadieron 2 caracteres en el cuerpo
Origen Enlace
g.4
  • 3.5k
  • 2
  • 11
  • 22

Dentro del componente MenuButton, descarta las siguientes propiedades del styled component :

  display:flex;
  float: right;
  margin: auto;

Debe quedar así:

@media screen and (max-width: 700px) {
    display:flex;
    border: none;
    border-radius: 5px;
    box-shadow: 0px 0px 1px rgb(50, 50, 50);
  }

Otra observación que puede ser de ayuda, en el return dentro del contexto boolean del operador condicional, en la primera expresión, falta la clase para svg:

<svg viewBox="0 0 100 80" width="30" height="30" fill="#282c34">

Parece que debe ir así:

<svg className="svg-icon" viewBox="0 0 100 80" width="30" height="30" fill="#282c34">

Espero que esta respuesta sea de ayuda.

Dentro del componente MenuButton, descarta las siguientes propiedades del styled component :

  display:flex;
  float: right;
  margin: auto;

Debe quedar así:

@media screen and (max-width: 700px) {
    border: none;
    border-radius: 5px;
    box-shadow: 0px 0px 1px rgb(50, 50, 50);
  }

Otra observación que puede ser de ayuda, en el return dentro del contexto boolean del operador condicional, en la primera expresión, falta la clase para svg:

<svg viewBox="0 0 100 80" width="30" height="30" fill="#282c34">

Parece que debe ir así:

<svg className="svg-icon" viewBox="0 0 100 80" width="30" height="30" fill="#282c34">

Espero que esta respuesta sea de ayuda.

Dentro del componente MenuButton, descarta las siguientes propiedades del styled component :

  float: right;
  margin: auto;

Debe quedar así:

@media screen and (max-width: 700px) {
    display:flex;
    border: none;
    border-radius: 5px;
    box-shadow: 0px 0px 1px rgb(50, 50, 50);
  }

Otra observación que puede ser de ayuda, en el return dentro del contexto boolean del operador condicional, en la primera expresión, falta la clase para svg:

<svg viewBox="0 0 100 80" width="30" height="30" fill="#282c34">

Parece que debe ir así:

<svg className="svg-icon" viewBox="0 0 100 80" width="30" height="30" fill="#282c34">

Espero que esta respuesta sea de ayuda.

Origen Enlace
g.4
  • 3.5k
  • 2
  • 11
  • 22

Dentro del componente MenuButton, descarta las siguientes propiedades del styled component :

  display:flex;
  float: right;
  margin: auto;

Debe quedar así:

@media screen and (max-width: 700px) {
    border: none;
    border-radius: 5px;
    box-shadow: 0px 0px 1px rgb(50, 50, 50);
  }

Otra observación que puede ser de ayuda, en el return dentro del contexto boolean del operador condicional, en la primera expresión, falta la clase para svg:

<svg viewBox="0 0 100 80" width="30" height="30" fill="#282c34">

Parece que debe ir así:

<svg className="svg-icon" viewBox="0 0 100 80" width="30" height="30" fill="#282c34">

Espero que esta respuesta sea de ayuda.