I am using a lightning card but the header and the inner test are very touched on the left side of the page. I want to show some gaps between the text and card border. How can I do that? Please help...

Hi @Sita Ram Rawat

You can use the predefined class in the Lightning card  component

This is an HTML code:-

<template>

  <lightning-card title="Card Title" class="card">

    <p class="card">Testing</p>

  </lightning-card>

</template>

And then apply CSS:-

.card{

     padding: 10px;

}

Thank You