# Align all the elements to the center (Grid)

**URL:** <https://community.elfsight.com/t/align-all-the-elements-to-the-center-grid/35718>\
**Category:** File Embed\
**Created:** [December 29, 2023, 12:50pm UTC](https://community.elfsight.com/t/align-all-the-elements-to-the-center-grid/35718 "2023-12-29T12:50:14Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\
**Post date:** [December 29, 2023, 12:50pm UTC](https://community.elfsight.com/t/align-all-the-elements-to-the-center-grid/35718/1 "2023-12-29T12:50:14Z")

</div>

Add this code to the Custom CSS field on the Appearance tab of your [File Embed](https://elfsight.com/file-embed-widget/) widget’s settings:

```auto
.eapp-file-embed-grid-component {
 justify-content: center;
}

.eapp-file-embed-item-component,
.eapp-file-embed-item-blockLink {
 align-items: center;
}

.eapp-file-embed-item-iconContainer {
  align-self: center;
}

```