I managed to get my 12 tiles in order and wrapping around. They take up the whole page, however. I've tried putting the whole component in a section, a hero...etc. but they keep taking up the whole page.

How do I get them all to fit into a subsection of the page, or at least a smaller portion of the page?

here's my code:

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>
  );