# How to set a container to 'Justify-content: space-evenly'?

**URL:** <https://community.weweb.io/t/how-to-set-a-container-to-justify-content-space-evenly/10145>\
**Category:** How do I?\
**Tags:** design, custom-css, responsivness\
**Created:** [August 8, 2024, 3:35am UTC](https://community.weweb.io/t/how-to-set-a-container-to-justify-content-space-evenly/10145 "2024-08-08T03:35:08Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![charlesdotdev](https://avatars.discourse-cdn.com/v4/letter/c/50afbb/32.png) [@charlesdotdev](https://community.weweb.io/u/charlesdotdev)\
**Post date:** [August 8, 2024, 3:35am UTC](https://community.weweb.io/t/how-to-set-a-container-to-justify-content-space-evenly/10145/1 "2024-08-08T03:35:09Z")

</div>

i tried with css and it doesn’t work. what is the work around right now they have all the other justifies except that one.

---

<div class="post-metadata">

**Author:** ![Micah](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/micah/32/9102_2.png) [@Micah](https://community.weweb.io/u/Micah)\
**Post date:** [August 8, 2024, 5:04am UTC](https://community.weweb.io/t/how-to-set-a-container-to-justify-content-space-evenly/10145/2 "2024-08-08T05:04:30Z")

</div>

It would be helpful to see a screenshot of what you put in the CSS field. 😄 Your title is missing the ; at the end, so not sure if you’re also missing that in your CSS.

---

<div class="post-metadata">

**Author:** ![Broberto](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/broberto/32/5918_2.png) [@Broberto](https://community.weweb.io/u/Broberto)\
**Post date:** [August 8, 2024, 7:29am UTC](https://community.weweb.io/t/how-to-set-a-container-to-justify-content-space-evenly/10145/3 "2024-08-08T07:29:33Z")

</div>

I think this is space-evenly, right?

 ![Screenshot 2024-08-08 at 09.29.05](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/1/11cd084864b00f49e4a8dd8341a1378c280d8b8d.png)

---

<div class="post-metadata">

**Author:** ![charlesdotdev](https://avatars.discourse-cdn.com/v4/letter/c/50afbb/32.png) [@charlesdotdev](https://community.weweb.io/u/charlesdotdev)\
**Post date:** [August 9, 2024, 12:33am UTC](https://community.weweb.io/t/how-to-set-a-container-to-justify-content-space-evenly/10145/4 "2024-08-09T00:33:22Z")

</div>

that’s space-around

---

<div class="post-metadata">

**Author:** ![jptrinh](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/jptrinh/32/1493_2.png) [@jptrinh](https://community.weweb.io/u/jptrinh)\
**Post date:** [August 9, 2024, 6:59am UTC](https://community.weweb.io/t/how-to-set-a-container-to-justify-content-space-evenly/10145/5 "2024-08-09T06:59:13Z")

</div>

Adding it to the custom CSS adds it to the wrapper instead of the div…  
Until this is improved, a workaround would be to add a class to your div and target it with custom css (in an HTML Embed or header of your site)