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

Follow

css advice request, long 

@schratze it's also the layout used at testingtesting123.xyz, for easier snooping

Sign in to participate in the conversation
Pixietown

Small server part of the pixie.town infrastructure. Registration is closed.