Al querer renderizar una lista de productos dentro de un contenedor, tengo dificultad para poder insertarlos ya que en la página la lista se muestra fuera del div, de esta manera.
quisiera que los productos este dentro del contenedor color gris,
este es el render
.
<section>
<div className="container-lista">
<div className='columna-lista'>
<h2>Lista</h2>
<br></br>
<div className='lista'>
{renderProductos(productos)}
</div>
</div>
</div>
</section>
y los estilos.css
.container-lista {h2{font-family: $oswald; font-size:4rem; color:darkcyan; background-color:lightgray; width:50%;
height: 100rem; text-align: center; }}
.columna-lista { margin-left: 30%; position: relative}
.lista {background-color: salmon; width: 300px;
text-align: center; position: absolute;}