Skip to main content
se añadieron 1016 caracteres en el cuerpo
Origen Enlace
    "App.js"
[![introducir 
 la descripción de laimport imagen'./App.css';
 aquí][1]][1]   import imagenFuego from './imagenes/fuego.png';
    import Boton from './componentes/Boton';
    import Pantalla from './componentes/Pantalla';

    function App() {
      return (
        <div className="App">
          <h1>Super Calculadora 5000</h1>
          <div className='contenerdor-imagen'>
            <img
            scr={imagenFuego}
            className='imagen-fuego' 
            alt='Se supone que debería verse fuego'/>
          </div>    
          <div className='contenedor-calculadora'>
          <div>
            <Pantalla />
          </div>  
          <div className='fila'>
            <Boton>1</Boton>```Boton>

También noto que al renderizar no me salen la imagen que importé, soy nuevo con react agradezco la ayuda, no puedo agregar todo el código porque no me deja la aplicación.

Aplicación cuyos componentes no se ven apilados y no se visualiza la imagen importada

  "App.css"
También noto que al renderizar.App no{
 me salen la imagen que importé,width: soy100%;
 nuevo con react agradezco la ayuda,height: no100vh;
 puedo agregar todo el código porquepadding-top: no40px;
 me deja la aplicación.  background-color: blueviolet;
      font-family: Times, 'Times New Roman', serif;
      display: flex;
      flex-wrap: wrap;
[![Aplicación cuyos componentes no se ven apiladosjustify-content: ycenter;
 no se visualiza la  align-items: center;

}

   .contenedor-imagen importada][1]][1]{
     width: 100%;
     height: 50px;
  [1]   margin: https100px;
     display://i.sstatic.net/0fNTV grid;
     flex-wrap: wrap;
     align-items: center;
     justify-content: center;
     border-radius: 20px;
     border: 5px solid rgb(255, 255, 255);

}

  .pngimagen-fuego {
    height: 40px;
    width: 60px;
    flex-wrap: wrap;

}

"App.js"
[![introducir la descripción de la imagen aquí][1]][1]
function App() {
  return (
    <div className="App">
      <h1>Super Calculadora 5000</h1>
      <div className='contenerdor-imagen'>
        <img
          scr={imagenFuego}
          className='imagen-fuego' 
          alt='Se supone que debería verse fuego'/>
      </div>    
      <div className='contenedor-calculadora'>
        <div>
          <Pantalla />
        </div>  
        <div className='fila'>
            <Boton>1</Boton>```

También noto que al renderizar no me salen la imagen que importé, soy nuevo con react agradezco la ayuda, no puedo agregar todo el código porque no me deja la aplicación.


 
[![Aplicación cuyos componentes no se ven apilados y no se visualiza la imagen importada][1]][1]


  [1]: https://i.sstatic.net/0fNTV.png
    "App.js"
 
    import './App.css';
    import imagenFuego from './imagenes/fuego.png';
    import Boton from './componentes/Boton';
    import Pantalla from './componentes/Pantalla';

    function App() {
      return (
        <div className="App">
          <h1>Super Calculadora 5000</h1>
          <div className='contenerdor-imagen'>
            <img
            scr={imagenFuego}
            className='imagen-fuego' 
            alt='Se supone que debería verse fuego'/>
          </div>    
          <div className='contenedor-calculadora'>
          <div>
            <Pantalla />
          </div>  
          <div className='fila'>
            <Boton>1</Boton>

También noto que al renderizar no me salen la imagen que importé, soy nuevo con react agradezco la ayuda, no puedo agregar todo el código porque no me deja la aplicación.

Aplicación cuyos componentes no se ven apilados y no se visualiza la imagen importada

  "App.css"
    .App {
      width: 100%;
      height: 100vh;
      padding-top: 40px;
      background-color: blueviolet;
      font-family: Times, 'Times New Roman', serif;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;

}

   .contenedor-imagen {
     width: 100%;
     height: 50px;
     margin: 100px;
     display: grid;
     flex-wrap: wrap;
     align-items: center;
     justify-content: center;
     border-radius: 20px;
     border: 5px solid rgb(255, 255, 255);

}

  .imagen-fuego {
    height: 40px;
    width: 60px;
    flex-wrap: wrap;

}

se añadieron 42 caracteres en el cuerpo
Origen Enlace

Estoy realizando un proyecto académico sencillo de una calculadora y los componentes no se apilan correctamente al renderizarlos, me estoy basando en un ejemplo de internet en donde a ellos si les funciona.

"App.js"
[![introducir la descripción de la imagen aquí][1]][1]
function App() {
  return (
    <div className="App">
      <h1>Super Calculadora 5000</h1>
      <div className='contenerdor-imagen'>
        <img
          scr={imagenFuego}
          className='imagen-fuego' 
          alt='Se supone que debería verse fuego'/>
      </div>    
      <div className='contenedor-calculadora'>
        <div>
          <Pantalla />
        </div>  
        <div className='fila'>
            <Boton>1</Boton>```

También noto que al renderizar no me salen la imagen que importé, soy nuevo con react agradezco la ayuda, no puedo agregar todo el código porque no me deja la aplicación.


 
[![introducir[Aplicación lacuyos descripcióncomponentes deno se ven apilados y no se visualiza la imagen aquí][1]][1]importada][1]][1]


  [1]: https://i.sstatic.net/0fNTV.png

Estoy realizando un proyecto académico sencillo de una calculadora y los componentes no se apilan correctamente al renderizarlos, me estoy basando en un ejemplo de internet en donde a ellos si les funciona.

"App.js"
[![introducir la descripción de la imagen aquí][1]][1]
function App() {
  return (
    <div className="App">
      <h1>Super Calculadora 5000</h1>
      <div className='contenerdor-imagen'>
        <img
          scr={imagenFuego}
          className='imagen-fuego' 
          alt='Se supone que debería verse fuego'/>
      </div>    
      <div className='contenedor-calculadora'>
        <div>
          <Pantalla />
        </div>  
        <div className='fila'>
            <Boton>1</Boton>```

También noto que al renderizar no me salen la imagen que importé, soy nuevo con react agradezco la ayuda, no puedo agregar todo el código porque no me deja la aplicación.


 
[![introducir la descripción de la imagen aquí][1]][1]


  [1]: https://i.sstatic.net/0fNTV.png

Estoy realizando un proyecto académico sencillo de una calculadora y los componentes no se apilan correctamente al renderizarlos, me estoy basando en un ejemplo de internet en donde a ellos si les funciona.

"App.js"
[![introducir la descripción de la imagen aquí][1]][1]
function App() {
  return (
    <div className="App">
      <h1>Super Calculadora 5000</h1>
      <div className='contenerdor-imagen'>
        <img
          scr={imagenFuego}
          className='imagen-fuego' 
          alt='Se supone que debería verse fuego'/>
      </div>    
      <div className='contenedor-calculadora'>
        <div>
          <Pantalla />
        </div>  
        <div className='fila'>
            <Boton>1</Boton>```

También noto que al renderizar no me salen la imagen que importé, soy nuevo con react agradezco la ayuda, no puedo agregar todo el código porque no me deja la aplicación.


 
[![Aplicación cuyos componentes no se ven apilados y no se visualiza la imagen importada][1]][1]


  [1]: https://i.sstatic.net/0fNTV.png
se añadieron 104 caracteres en el cuerpo
Origen Enlace

Estoy realizando un proyecto académico sencillo de una calculadora y los componentes no se apilan correctamente al renderizarlos, me estoy basando en un ejemplo de internet en donde a ellos si les funciona.

"App.js"
[![introducir la descripción de la imagen aquí][1]][1]
function App() {
  return (
    <div className="App">
      <h1>Super Calculadora 5000</h1>
      <div className='contenerdor-imagen'>
        <img
          scr={imagenFuego}
          className='imagen-fuego' 
          alt='Se supone que debería verse fuego'/>
      </div>    
      <div className='contenedor-calculadora'>
        <div>
          <Pantalla />
        </div>  
        <div className='fila'>
            <Boton>1</Boton>```

También noto que al renderizar no me salen la imagen que importé, soy nuevo con react agradezco la ayuda, no puedo agregar todo el código porque no me deja la aplicación.


 
[![introducir la descripción de la imagen aquí][1]][1]


  [1]: https://i.sstatic.net/0fNTV.png

Estoy realizando un proyecto académico sencillo de una calculadora y los componentes no se apilan correctamente al renderizarlos, me estoy basando en un ejemplo de internet en donde a ellos si les funciona.

"App.js"
[![introducir la descripción de la imagen aquí][1]][1]
function App() {
  return (
    <div className="App">
      <h1>Super Calculadora 5000</h1>
      <div className='contenerdor-imagen'>
        <img
          scr={imagenFuego}
          className='imagen-fuego' 
          alt='Se supone que debería verse fuego'/>
      </div>    
      <div className='contenedor-calculadora'>
        <div>
          <Pantalla />
        </div>  
        <div className='fila'>
            <Boton>1</Boton>```

También noto que al renderizar no me salen la imagen que importé, soy nuevo con react agradezco la ayuda, no puedo agregar todo el código porque no me deja la aplicación.


 

Estoy realizando un proyecto académico sencillo de una calculadora y los componentes no se apilan correctamente al renderizarlos, me estoy basando en un ejemplo de internet en donde a ellos si les funciona.

"App.js"
[![introducir la descripción de la imagen aquí][1]][1]
function App() {
  return (
    <div className="App">
      <h1>Super Calculadora 5000</h1>
      <div className='contenerdor-imagen'>
        <img
          scr={imagenFuego}
          className='imagen-fuego' 
          alt='Se supone que debería verse fuego'/>
      </div>    
      <div className='contenedor-calculadora'>
        <div>
          <Pantalla />
        </div>  
        <div className='fila'>
            <Boton>1</Boton>```

También noto que al renderizar no me salen la imagen que importé, soy nuevo con react agradezco la ayuda, no puedo agregar todo el código porque no me deja la aplicación.


 
[![introducir la descripción de la imagen aquí][1]][1]


  [1]: https://i.sstatic.net/0fNTV.png
se eliminaron 124 caracteres en el cuerpo
Origen Enlace
Loading
Origen Enlace
Loading