Blocks keep misaligning whenever i'm on the mobile mode.

For some odd reason not matter what i do it will not adjust. please help!

Hi,

What is page url? We can check easier

hey @tuanphan i decided to just remove it but i do have another question that i need help on so this is my code. 

 

.form-submission-text {
   font-size: 20px;
   color: red;
}

/* center post submission text */ #block-159d96d777520583b50f .form-submission-text { text-align: center; }

/* change the selected button style */
.ProductItem-details .variant-radiobtn-wrapper input[type="radio"]:checked+label {
 background: #eSf5f6 !important;
 color: #D81D1D ! important;
 border: 1px solid #50bdb8 limportant;
 border-radius: 3rem !important;
}

/* Shopping Cart Title */
.cart-title {
color: White;
font-family: serif;
text-transform:uppercase;
text-align: center
}

/* Cart Content */
.cart-container{
background: white;
border-radius: 15px;
padding: 1rem;
border:1 px solid #333;
width: 80vw;
 margin:auto
}

/* Product Row */
.cart-row {
border:none!important
}

/* Product Image */
.cart-row-img{
border-radius: 15px
}

/* Product Title */
.cart-row-title {
color: #d93030!important;
font-family: serif!important;
}

but when i add this for my shopping cart page .header-actions-action--cart .icon { stroke: #50bdb8!important background-color:}
it says there is Syntax Error on line 4. 

help would be much needed this is the URL https://chameleon-icosahedron-4b6d.squarespace.com/cart

Remove background-color from your code

.header-actions-action--cart .icon { stroke: #50bdb8!important background-color:}