Show side by side

Now look good on a mobile device: https://prnt.sc/n3iNRnf4GwZM but does not look good on a desktop: https://prnt.sc/V91_QGQ7RD8_

Hello @mira404

If you want to design a customized form appearance based on the screen size, you should define the styles blocks with @media instructions, like:

/* Desktop */
@media screen and (min-width:710px){
#fbuilder .my-class .cff-summary-value::before{content: "—" !important; display:inline-block !important; padding-right:200px !important;}
}
/* Mobile */
@media screen and (max-width:710px){
#fbuilder .my-class .cff-summary-value::before{content: "—" !important; display:inline-block !important; padding-right:100px !important;}
}

More details about @media instruction by visiting the following link:

https://developer.mozilla.org/en-US/docs/Web/CSS/@media

Best regards.

Now look awesome on desktop and for mobile padding-right:100px is not look good but padding-right:30px is best for this calculator. Check yourself.

Thanks a lot!

Excellent !!!!!