983366: Updated the UG document for Card Component.

Author: praveensf4999

blazor/card/action-buttons.md

@@ -9,9 +9,9 @@ documentation: ug
 
 # Action Buttons in Blazor Card Component
 
-The Blazor Card component allows you to include and customize action buttons within its structure. Action buttons are typically placed in the `CardFooter` section of the Card. This document explains how to add these buttons and control their alignment.
+The Blazor Card component provides support for adding and customizing action buttons within its structure. Action buttons are typically placed in the `CardFooter` section of the Card. This document explains how to add these buttons and control their alignment.
 
-Action buttons are rendered within the `<CardFooter>` section. You can define either a single button or multiple buttons directly inside the `CardFooterContent` of the `CardFooter` component. The `CardFooterContent` is a `RenderFragment` property that accepts any Blazor UI elements.
+Action buttons are rendered within the `CardFooter` section. A single button or multiple buttons can be defined directly inside the `CardFooterContent` of the `CardFooter` component. The CardFooterContent is a `RenderFragment` property that accepts any Blazor UI elements.
 
 ```cshtml
 @using Syncfusion.Blazor.Cards

blazor/card/card-image.md

@@ -13,7 +13,7 @@ documentation: ug
 
 ## Images
 
-The Blazor Card component allows you to include images within its structure using the [`CardImage`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Cards.CardImage.html) component. You can add the `<CardImage>` component directly inside the `<SfCard>` element.
+The Blazor Card component supports the inclusion of images using the [`CardImage`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Cards.CardImage.html) component. The element can be added directly within the structure to display an image.
 
 N> By default, card images occupies full width of its parent element.
 
@@ -30,7 +30,7 @@ The CardImage supports direct specification of the image source using its `Image
 
 ### Title
 
-To apply custom CSS styles to an image within a `CardImage` component, you can define a CSS class and apply it using the `CssClass` property. This allows for advanced styling such as background images, specific sizing, or positioning.
+To apply custom CSS styles to an image within a `CardImage` component, define a CSS class and apply it using the `CssClass` property. This allows for advanced styling such as background images, specific sizing, or positioning.
 
 ```cshtml
 @using Syncfusion.Blazor.Cards

blazor/card/getting-started-with-web-app.md

@@ -9,7 +9,7 @@ documentation: ug
 
 # Getting Started with Blazor Card Component in a Web App
 
-This section explains how to include the Syncfusion[Blazor Card](https://www.syncfusion.com/blazor-components/blazor-card) component in your Blazor Web App using [Visual Studio](https://visualstudio.microsoft.com/vs/) or Visual Studio Code.
+This section describes how to include the Syncfusion [Blazor Card](https://www.syncfusion.com/blazor-components/blazor-card) component in a Blazor Web App using [Visual Studio](https://visualstudio.microsoft.com/vs/) or Visual Studio Code.
 
 {% tabcontents %}
 
@@ -77,7 +77,7 @@ N> For more details on creating a **Blazor Web App** with various interactive mo
 If the Blazor Web App uses the `WebAssembly or Auto` render modes, ensure the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor component NuGet packages are installed in the client project.
 
 * Press <kbd>Ctrl</kbd>+<kbd>`</kbd> to open the integrated terminal in Visual Studio Code.
-* Ensure you are in the project root directory where your `.csproj` file is located.
+* Ensure the terminal is open in the project’s root directory where your `.csproj` file is located.
 * Run the following commands to install the [Syncfusion.Blazor.Cards](https://www.nuget.org/packages/Syncfusion.Blazor.Cards) and [Syncfusion.Blazor.Themes](https://www.nuget.org/packages/Syncfusion.Blazor.Themes/) NuGet package and ensure all dependencies are installed.
 
 {% tabs %}
@@ -225,7 +225,7 @@ N> If an **Interactivity Location** is set to `Global` and the **Render Mode** i
 
 ## Add Header and Content
 
-Add the header by using [CardHeader](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Cards.CardHeader.html) tag and add [Title](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Cards.CardHeader.html#Syncfusion_Blazor_Cards_CardHeader_Title) and [SubTitle](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Cards.CardHeader.html#Syncfusion_Blazor_Cards_CardHeader_SubTitle) in that tag. You can also add the content by using [CardContent](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Cards.CardContent.html) tag.
+Add the header by using [CardHeader](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Cards.CardHeader.html) tag and add [Title](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Cards.CardHeader.html#Syncfusion_Blazor_Cards_CardHeader_Title) and [SubTitle](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Cards.CardHeader.html#Syncfusion_Blazor_Cards_CardHeader_SubTitle) in that tag. To include content within the card, use the [CardContent](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Cards.CardContent.html) tag.
 
 {% tabs %}
 {% highlight cshtml %}

blazor/card/getting-started.md

@@ -11,7 +11,7 @@ documentation: ug
 
 # Getting Started with Blazor Card Component
 
-This section explains how to include the Syncfusion [Blazor Card](https://www.syncfusion.com/blazor-components/blazor-card) component in your Blazor WebAssembly App using Visual Studio or Visual Studio Code.
+This section explains how to integrate the Syncfusion [Blazor Card](https://www.syncfusion.com/blazor-components/blazor-card) component into a Blazor WebAssembly App using Visual Studio or Visual Studio Code.
 
 To get started quickly with the Blazor Card component, watch this video or refer to the [GitHub sample](https://github.com/SyncfusionExamples/Blazor-Getting-Started-Examples/tree/main/Card) sample.
 {% youtube

blazor/card/header-content.md

@@ -74,7 +74,7 @@ The `CardContent` component is used to display the main textual or HTML content
 
 ### Image
 
-The `CardContent` area is designed to flexibly host various HTML elements, including `<img>` tags. You can embed images directly within the `CardContent` to create rich and visually appealing layouts. Custom CSS can be applied to further style the image and content.
+The `CardContent` area is designed to flexibly host various HTML elements, including  tags. Images can be embedded directly within the `CardContent` to create rich and visually engaging layouts. Custom CSS can be applied to style the image and content.
 
 ```cshtml
 @using Syncfusion.Blazor.Cards

blazor/card/horizontal.md

@@ -13,7 +13,7 @@ By default, elements within the Blazor Card component are aligned vertically, ap
 
 ## Stacked Cards
 
-Within a horizontally aligned card, you can group a set of elements to maintain a vertical stacking using the [`CardStacked`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Cards.CardStacked.html) component. This component acts as a container, aligning its child elements vertically even within the horizontal context of the parent `SfCard`.
+In a horizontally aligned card, the [`CardStacked`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Cards.CardStacked.html) component can be used to group elements and maintain vertical stacking. This component acts as a container that aligns its child elements vertically, even within the horizontal layout of the parent `SfCard`.
 
 The following example demonstrates a horizontal card where the image is displayed alongside a `CardStacked` section containing the header and content, which remain vertically aligned:
 

blazor/card/style.md

@@ -11,7 +11,7 @@ documentation: ug
 
 The Blazor Card component can be visually customized by overriding its default CSS styles. This document provides a list of common CSS classes and demonstrations on how to apply custom styles to various parts of the Card, such as its background, header, content, images, and action buttons.
 
-For comprehensive theme generation across Syncfusion controls, you can also utilize our [Theme Studio](https://blazor.syncfusion.com/themestudio/?theme=material).
+For comprehensive theme generation across Syncfusion components, the [Theme Studio](https://blazor.syncfusion.com/themestudio/?theme=material) can be used to efficiently create and customize themes.
 
 ## Customizing the Card