# Courses Grid

The **Courses Grid** **Widget** is used to show the LMS courses in the Grid view with the sorting feature.

### Using the Courses Grid widget

Go to your site and start editing the page with Elementor.

### Step 1

Select the **Courses Grid** widget from the menu bar on the left-hand side of your screen then drag and drop it into the selected area.

![](https://687718835-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBP5ah3ZU6B3thBHJbnWV%2Fuploads%2F764eyLjb6SDenvmTAueR%2FLMS%20Starter%20-%20courses%20grid%20add.png?alt=media\&token=d53124a8-f065-4717-8018-16c7f43bcde2)

### Step 2

Under the Content tab, it is required to adjust the number of courses, select categories to choose specific courses, and the size of the thumbnail images of the LMS courses.

![](https://687718835-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBP5ah3ZU6B3thBHJbnWV%2Fuploads%2FdqUyc2CbaXs1WNy47ov0%2FLMS%20Starter%20-%20courses%20grid%20added.png?alt=media\&token=758a212e-6892-46b5-8606-b38e1314c8dd)

Finally, after completing all the customization click on ‘Publish’ to see your work live.

<figure><img src="https://687718835-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBP5ah3ZU6B3thBHJbnWV%2Fuploads%2FaU22tm5yuPhbUCzaYzis%2Fcourses%20grid.gif?alt=media&#x26;token=8f78d8fc-957f-441b-a152-1c8a01189998" alt=""><figcaption></figcaption></figure>

Great job! You have done it successfully.