# CSS for global responsive width
**URL:** https://meta.discourse.org/t/css-for-global-responsive-width/109726
**Category:** Support
**Created:** [February 21, 2019, 7:22am UTC](https://meta.discourse.org/t/css-for-global-responsive-width/109726 "2019-02-21T07:22:17Z")
**Posts on this page:** 6
**Page:** 1
### Author:  [@rkaplan](https://meta.discourse.org/u/rkaplan)
#### Post date: [February 21, 2019, 7:22am UTC](https://meta.discourse.org/t/css-for-global-responsive-width/109726/1 "2019-02-21T07:22:17Z")
I am trying to configure CSS for my entire site to be responsive in with i.e. for the width to adjust to the full width of the current window.
I know these entries represent brute force and are not particularly elegant. That said, it actually works well for just about every aspect of the site, including the window to create/edit a new post.
However, the actual post content itself - which appears to be in a CSS element called css.coked - remains at a fixed width no matter how I attempt to override it. What can I do so viewed posts also expand to the window size?
- {max-width: 100% !important };
div.cooked {max-width: 100% !important };
div.cooked {width:2000 !important };
p {max-width: 100% !important };
---
### Author:  [@dax](https://meta.discourse.org/u/dax)
#### Post date: [February 21, 2019, 1:51pm UTC](https://meta.discourse.org/t/css-for-global-responsive-width/109726/2 "2019-02-21T13:51:13Z")
You need to overwrite
```plaintext
.topic-body {
width: calc(690px + (11px * 2));
}
```
so try
```plaintext
.topic-body {
width: 100%;
}
```
However you need to think how to handle the timeline on the right using a width of 100%…
See this site as example:
> **[Forum Jeux vidéo - Gamekult](https://www.gamekult.com/forum/)**
>
> Discutez des dernières actualités des jeux vidéo, partagez vos expériences de jeu et demandez de l'aide dans nos forums. Parlez de tout ce qui concerne l'univers du jeu vidéo dans son ensemble : consoles, PC, jeu mobile, VR, rétrogaming, tips,...
---
### Author:  [@rkaplan](https://meta.discourse.org/u/rkaplan)
#### Post date: [February 21, 2019, 2:52pm UTC](https://meta.discourse.org/t/css-for-global-responsive-width/109726/3 "2019-02-21T14:52:27Z")
Thank you
I see there are a number of other of unintended effects of the other global CSS changes so I need to rethink this or be more nuanced in the edits I make.
---
### Author:  [@dax](https://meta.discourse.org/u/dax)
#### Post date: [February 21, 2019, 3:08pm UTC](https://meta.discourse.org/t/css-for-global-responsive-width/109726/4 "2019-02-21T15:08:02Z")
> [@rkaplan](#):
>
> there are a number of other of unintended effects of the other global CSS changes
Yes, it’s not so simple to modify the layout widht. The elements that are impacted are many and consider that you must do a lot of work with the media queries to adapt the changes to devices of all sizes.
---
### Author:  [@system](https://meta.discourse.org/u/system)
#### Post date: [March 20, 2022, 5:19am UTC](https://meta.discourse.org/t/css-for-global-responsive-width/109726/5 "2022-03-20T05:19:19Z")
---
### Author:  [@JammyDodger](https://meta.discourse.org/u/JammyDodger)
#### Post date: [March 20, 2022, 9:20am UTC](https://meta.discourse.org/t/css-for-global-responsive-width/109726/6 "2022-03-20T09:20:18Z")