Summary Results Component | Solution

Community feedback

• 

  P

  Fabian•150

  @slowjoPosted about 1 year ago

  I understand that you wrote 'grid-columns: 1fr 1fr' for your card, so the card is fixed to two equal columns. Because there are three containers in it, the third one (.attribution) goes in the next row. All you have to do is add this:

  .attribution { grid-column: 1 / 3; width: 100%; text-align: center; }

  This way, the attribution element will go across both columns in the second row and it is easy to center the content.

  Marked as helpful

  1

  ---

  

  Alex•60

  @GrowingHermit44Posted about 1 year ago

  @slowjo Thanks for the tip, I'll keep this in mind when working with grids in the future.

  0
• 

  smahidv•170

  @smahidvPosted about 1 year ago

  add a <footer>// move your attribution here </footer>
  if you keep it inside the main it will normally follow the grid behaviour

  Marked as helpful

  1

  ---

  

  Alex•60

  @GrowingHermit44Posted about 1 year ago

  @smahidv such a simple thing to overlook and forget, will give that a go, thanks.

  0