Articles on: Tutorials (how to)

Frontend Styling: I need inspiration to design my calculator's frontend look

User 1



This user has used Frontend Style #2 with the border-line feature turned on. They used a different colour background for the calculator compared to the rest of the page. This helps the user visualize where the calculator starts and ends.

.scc_wrapper {
    padding: 60px;
    background-color: #f8f8f8;
    padding-top: 0px!important;
    margin: 0 auto!important;
    box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.3);
}




.scc_wrapper {
    padding: 60px;
    background-color: #f8f8f8;
    padding-top: 0px!important;
    margin: 0 auto!important;
    box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.3);
}

Updated on: 21/06/2024

Was this article helpful?

Share your feedback

Cancel

Thank you!