HTML blocks are used to provide a structure to your SaaS app. A card is one such element. It is a flexible container that includes a header, body and footer.

To add a card to your page, click on “Add New Block”.

Then select HTML as the block type.

Select “Card” from the block dropdown.

The default color of the card is White. You can change it as per your requirement.

Adjust the margin and padding of your card.

Padding: Padding is the space that’s inside the element between the element and the border. Padding goes around all four sides of the content and you can target and change the padding for each side.

Margin: Margin is the space between the border and the next element of your design. Think of the space outside the border and between it and the other elements. This is all the margin. Margin goes around all four sides of the content and you can target and change the margin for each side.

Then select the alignment on which the content should be added within the card.

Finally, select the text color and click on Add. Your card is now added.

Once you have added the card, you may want to edit it later.

For this go to the “Build With No-Code”. Then click anywhere on the Card blog.

The edit section will open on the left side. Here, you can edit the card as per your requirements.