Me las arreglé para poner mis 12 mosaicos en orden y envolverlos. Sin embargo, ocupan toda la página. He intentado poner todo el componente en una sección, un héroe... etc. pero siguen ocupando toda la página.

¿Cómo hago para que todos encajen en una subsección de la página, o al menos en una porción más pequeña de la página?

aquí está mi código:

 return ( <div> {aChunks().map((chunk, index) => { return ( <div className="tile is-ancestor" key={index}> {chunk.map((horoscope) => ( <div key={horoscope.sign} className="tile is-parent is-4"> <div className="tile is-child box"> <figure className="image"> <img src={horoscope.art} alt="some sign"></img> </figure> <p className="title">{horoscope.sign}</p> <p>{horoscope.horoscope}</p> </div> </div> ))} </div> ); })} </div> );