CSS Question - how to align columns in a modal

Ask the Community Get Answers
1

I’m using a modal with a mix of 1 and 2 columns, as below. I’ve worked out how to make the labels a consistent width, but how could i make the two columns line up for the full modal length? All advice gratefully accepted, because nothing i have tried has worked.

image
image925×576 18.2 KB

Sorry about the awful redaction, but the info is confidential…

2

I finally worked it out - I just individually forced the three left hand column sections to a fixed width:

#view_51 > section > div > div:nth-child(1) > div:nth-child(1) {
    width:  450px !important;
    min-width:  450px !important;
    max-width:  450px !important;
}
#view_51 > section > div > div:nth-child(3) > div:nth-child(1) {
    width:  450px !important;
    min-width:  450px !important;
    max-width:  450px !important;
}
#view_51 > section > div > div:nth-child(5) > div:nth-child(1) {
    width:  450px !important;
    min-width:  450px !important;
    max-width:  450px !important;
}

Seems to work well enough, so I’ll call a day.

2 Likes