Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums Design CSS grids how to restrict content to cell

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #266460
    ThierryVilmart
    Participant

    If I have a CSS grid with 2 rows, how to make the content of row 1 stay within the allocated area of row 1 ?

    grid-template-rows: 100px 100px;
    

    I tried with a paragraph as content, and it extends the height of row 1.

    #266552
    Beverleyh
    Participant

    Have you got a CodePen demo that shows us the problem?

    #266553
    Paulie_D
    Member

    Basically you can’t using CSS-Grid properties.

    What you can do is determine the behaviour of the grid items if the element overflows the maximum size of the grid row..

    https://codepen.io/Paulie-D/pen/zRZJXP

Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘Design’ is closed to new topics and replies.