Text Boxes stay equal heights?

Site URL: https://coconew.squarespace.com/join

How can I make these text boxes stay the same height? 

https://coconew.squarespace.com/join

PW: Inspired2022

Many Thanks.

On 3/23/2022 at 1:04 AM, abcohen1605 said:

Site URL: https://coconew.squarespace.com/join

How can I make these text boxes stay the same height? 

https://coconew.squarespace.com/join

PW: Inspired2022

 

Many Thanks.

First, remove the code you used to add box shadow, background, border

Next, add this to Design > Custom CSS

/* Join text same height */
@media screen and (min-width:768px) {
div#page-section-621ee0b268e1076e7a59ff59 .span-6 {
    box-shadow: 2px 1px 18px 3px rgb(241 79 50 / 28%) !important;
    margin-left: 20px;
    margin-right: 20px;
    flex: 1;
    background-color: rgba(255, 246, 242, 1);
    border: 4px solid hsl(9, 87%, 57%);
    border-radius: 24px;
}
div#page-section-621ee0b268e1076e7a59ff59 .row {
    display: flex;
}
}

No luck.  Getting an error in the code. Thoughts? Thanks.

Sorry, have a typo in the code

Use this new code

/* Join text same height */
@media screen and (min-width:768px) {
div#page-section-621ee0b268e1076e7a59ff59 .span-6 {
    box-shadow: 2px 1px 18px 3px rgba(241,79,50,0.28) !important;
    margin-left: 20px;
    margin-right: 20px;
    flex: 1;
    background-color: rgba(255, 246, 242, 1);
    border: 4px solid hsl(9, 87%, 57%);
    border-radius: 24px;
}
div#page-section-621ee0b268e1076e7a59ff59 .row {
    display: flex;
}
}

Perfect. Thanks.

@tuanphan I need to add a box to this that you helped me with last year- thoughts on how to tweak the code (old editor if that matters)

The page is https://www.theco-co.com/join-4

thanks a million!!!

On 4/4/2023 at 9:22 PM, abcohen1605 said:

@tuanphan I need to add a box to this that you helped me with last year- thoughts on how to tweak the code (old editor if that matters)

The page is https://www.theco-co.com/join-4

 

thanks a million!!!

I don't see boxes on this page. Can you check it again?