IPython/Jupyter Notebook enlarge/change cell width

ipython_notebook_large_width.py

from IPython.display import display, HTML

display(HTML(data="""
<style>
    div#notebook-container    { width: 95%; }
    div#menubar-container     { width: 65%; }
    div#maintoolbar-container { width: 99%; }
</style>
"""))

Best gist ever.

awsome ! thanks

This was really helpful - thank you! A great find/suggestion. And just to be clear for those who come along - just cut and paste this code in a separate cell at the top of your notebook - you can even do it after the fact and execute it and it works great.

But here is the other question: how do you extend the default height of a cell so that you don't get the scrollbar on the right side (so you can see an entire chart, for example, that you want to make fairly large).

Hello:
I have modified the file custom.css .container { width:100% !important; } so that the notebook occupies 100% of the screen, however when exporting the notebook to html, the result is an html that does not occupy the whole screen (we see all that space on the left and on the right):

any suggestions?

Thanks!

This actually made my working area narrower on a portrait oriented (vertical) monitor on Linux Ubuntu 18.
Similar code on Stackoverflow seems to have made my working area marginally wider.

This is so useful, thank you!!!!

Wonderful! Thank you!

Than you so much. This is really helpful!

Thank you very much...... So usefull!!!

Extremely helpful. Thanks!

Awesome, I want to give you a hug!

But here is the other question: how do you extend the default height of a cell so that you don't get the scrollbar on the right side (so you can see an entire chart, for example, that you want to make fairly large).

Same question. How do you adjust height, e.g., setting a specific pixel count?

@kauttoj should be CSS: height: Kpx;, for K in real numbers.

Thank you so much

Please forgive my naivete, but how and where does one execute:
from IPython.display import display, HTML

display(HTML(data="""

<style> div#notebook-container { width: 95%; } div#menubar-container { width: 65%; } div#maintoolbar-container { width: 99%; } </style>

"""))
??