# svelte app container is positioned center of screen

**URL:** <https://forum.kirupa.com/t/svelte-app-container-is-positioned-center-of-screen/659019>\
**Category:** Uncategorized\
**Created:** [May 29, 2023, 6:23pm UTC](https://forum.kirupa.com/t/svelte-app-container-is-positioned-center-of-screen/659019 "2023-05-29T18:23:08Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![davidjm](https://avatars.discourse-cdn.com/v4/letter/d/838e76/32.png) [@davidjm](https://forum.kirupa.com/u/davidjm)\
**Post date:** [May 29, 2023, 6:23pm UTC](https://forum.kirupa.com/t/svelte-app-container-is-positioned-center-of-screen/659019/1 "2023-05-29T18:23:08Z")

</div>

Hi, My svelte app container occupies the middle third of the screen. How do i create a full screen container aligned left.  
Thanks for any help

---

<div class="post-metadata">

**Author:** ![davidjm](https://avatars.discourse-cdn.com/v4/letter/d/838e76/32.png) [@davidjm](https://forum.kirupa.com/u/davidjm)\
**Post date:** [May 29, 2023, 8:54pm UTC](https://forum.kirupa.com/t/svelte-app-container-is-positioned-center-of-screen/659019/2 "2023-05-29T20:54:08Z")

</div>

it appears that in the same folder as app.svelte there’s also app.css in this css there’s

```auto
#app {
  max-width: 1280px;
  padding: 2rem;
  text-align: center;
  margin: 0 auto; 
}

```

If i remove text-align: center; and margin: 0 auto;  
then the problem is solved. Don’t understand the purpose of putting this css into the svelte framework!

---

<div class="post-metadata">

**Author:** ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Post date:** [May 30, 2023, 12:24am UTC](https://forum.kirupa.com/t/svelte-app-container-is-positioned-center-of-screen/659019/3 "2023-05-30T00:24:52Z")

</div>

Can you share a link to your page? Seeing all of the CSS in action can help quite a bit here 😀