# PDF Embed

**URL:** https://community.elfsight.com/c/css-codes/pdf-embed/186.md

[Latest](https://community.elfsight.com/latest.md) · [Categories](https://community.elfsight.com/categories.md) · [Tags](https://community.elfsight.com/tags.md)

---

## [Display files in 2 columns on mobile (Grid layout)](https://community.elfsight.com/t/display-files-in-2-columns-on-mobile-grid-layout/131695)

<div class="topic-metadata">

**Author:** [@Max](https://community.elfsight.com/u/Max)\
**Replies:** 0\
**Last updated:** [July 15, 2025, 12:22pm UTC](https://community.elfsight.com/t/display-files-in-2-columns-on-mobile-grid-layout/131695 "2025-07-15T12:22:33Z")

</div>

Add this code to the Custom CSS field on the Appearance tab of your PDF Embed widget’s settings: @media(max-width: 600px) { .eapp-pdf-embed-grid-item { width: 50%; } }

---

## [Align all elements to the center](https://community.elfsight.com/t/align-all-elements-to-the-center/34440)

<div class="topic-metadata">

**Author:** [@Max](https://community.elfsight.com/u/Max)\
**Replies:** 0\
**Last updated:** [December 14, 2023, 1:31pm UTC](https://community.elfsight.com/t/align-all-elements-to-the-center/34440 "2023-12-14T13:31:46Z")

</div>

Add this code to the Custom CSS field on the Appearance tab of your PDF Embed widget’s settings: .eapp-pdf-embed-item-component, .eapp-pdf-embed-item-blockLink { align-items: center; } .eapp-pdf-embed-icon-component { …

---

## [Display files horizontally on mobile (Grid layout)](https://community.elfsight.com/t/display-files-horizontally-on-mobile-grid-layout/91232)

<div class="topic-metadata">

**Author:** [@Max](https://community.elfsight.com/u/Max)\
**Replies:** 0\
**Last updated:** [December 24, 2024, 5:36pm UTC](https://community.elfsight.com/t/display-files-horizontally-on-mobile-grid-layout/91232 "2024-12-24T17:36:06Z")

</div>

Add this code to the Custom CSS field on the Appearance tab of your PDF Embed widget’s settings: @media (max-width: 480px) { .eapp-pdf-embed-grid-component { flex-direction: row; flex-wrap: nowrap; width: fit-content; m…

---

## [Center widget on the webpage](https://community.elfsight.com/t/center-widget-on-the-webpage/34439)

<div class="topic-metadata">

**Author:** [@Max](https://community.elfsight.com/u/Max)\
**Replies:** 0\
**Last updated:** [December 14, 2023, 1:28pm UTC](https://community.elfsight.com/t/center-widget-on-the-webpage/34439 "2023-12-14T13:28:31Z")

</div>

Add this code to the Custom CSS field on the Appearance tab of your PDF Embed widget’s settings: .global-styles, \[class\*="RootLayout\_\_Component"\] { justify-content: center!important; display: flex!important; …