css advice request, long
@schratze right okay, either you can make .PennController full width and only set the specific (other) elements to less width, or have the long elements 'escape' the box model by setting their position to absolute
the more modern solutions with grid/flexbox are even nicer though; replacing the css with
.PennController {
display: grid;
grid-template-columns: 1fr 60vw 1fr;
}
.PennController > * {
grid-column: 2;
}
.PennController .fullWidthItem {
grid-column: 1/4;
grid-column: 1/-1;
}
creates a 3 column grid with all content going in the center 60vw column, except the .fullWidthItem class items, which span all three columns and thus the whole width
css advice request, long
@schratze it's also the layout used at testingtesting123.xyz, for easier snooping