Resize text box and button between 1421 px and 768px

41 minutes ago, christaq said:

Trying to resize the text box and buttons between desktop view and mobile view. It breaks at 1420px and then resizes for mobile once it hits the mobile dimensions.

These are set up as 2 blocks - one text block and one button block. Tried calling it with css but it seems like i'm not using the right code 

@media screen and (max-width:1421px){

div##block-c319c24ef4b7256d06e8, .sqs-block-content p {

   min-width: 100% !important;

}

}

Website: authentic-audience.squarespace.com

screenshot attached

Add these code on Custom CSS panel in Website > Utilities > Website Tools > Custom CSS.

@media screen and (min-width: 768px) and (max-width: 1421px) {
    .fe-block-8985c54fb8216a1345ce, .fe-block-dfdd59362865f098936a, .fe-block-c319c24ef4b7256d06e8 {
        .sqs-block-content {
            margin-bottom: 80px !important;
        }
    }
    .fe-block-f01cd1aa264745e7ea64, .fe-block-066d0bf958c4fc252fd5, .fe-block-98c4d4d8e351c66d3d60 {
        .sqs-block-button-element {
            padding-left: 0 !important;
            padding-right: 0 !important;
        }
    }
}