Expanding inline-block

Authoring Twine
1

Twine Version: 2.5.1.0. Desktop app.

Harlowe 3.3.3.

I’ve got an “envelope” framing my story and all the elements of the passages are meant to stay within that inline-block. The problem is that on smaller screens some of the images spill out of the “envelope”. Is it possible to set the inline-block so that it adjusts in height to always contain the elements of a passage?

tw-passage[tags~="envelope1"] {
  display:inline-block;
  border: solid 3px #333366;
  padding: 20px;
  height: 400px;
  background-color: #F3F3F2;
}
2

This might help solve your problem:

tw-passage[tags~="envelope1"] {
  display:inline-block;
  border: solid 3px #333366;
  padding: 20px;
  min-height: 400px;
  height: fit-content;
  background-color: #F3F3F2;
}

The fit-content parameter is one of the handiest things ever.

1 Like
3

Ugh. You’re simply the best. Thank you!

1 Like