# Modify right margin in Pluto notebook

**URL:** <https://discourse.julialang.org/t/modify-right-margin-in-pluto-notebook/61452>\
**Category:** Pluto\
**Created:** [May 19, 2021, 2:28pm UTC](https://discourse.julialang.org/t/modify-right-margin-in-pluto-notebook/61452 "2021-05-19T14:28:44Z")\
**Posts on this page:** 1\
**Showing post:** 3

<div class="post-metadata">

**Author:** ![pankgeorg](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/pankgeorg/32/21549_2.png) [@pankgeorg](https://discourse.julialang.org/u/pankgeorg)\
**Post date:** [May 19, 2021, 4:32pm UTC](https://discourse.julialang.org/t/modify-right-margin-in-pluto-notebook/61452/3 "2021-05-19T16:32:00Z")

</div>

You would do screen-size dependent styling combining the two above stylesheets:

```julia
html"""<style>
/* screen size more than: and less than: */
@media screen and (max-width: 699px) { /* Tablet */ 
  /* Nest everything into here */
    main { /* Same as before */
        max-width: 1000px !important; /* Same as before */
        margin-right: 100px !important; /* Same as before */
    } /* Same as before*/

}

@media screen and (min-width: 700px) and (max-width: 1199px) { /* Laptop*/ 
  /* Nest everything into here */
    main { /* Same as before */
        max-width: 1000px !important; /* Same as before */
        margin-right: 100px !important; /* Same as before */
    } /* Same as before*/
}

@media screen and (min-width:1200px) and (max-width: 1920px) { /* Desktop */ 
  /* Nest everything into here */
    main { /* Same as before */
        max-width: 1000px !important; /* Same as before */
        margin-right: 100px !important; /* Same as before */
    } /* Same as before*/
}

@media screen and (min-width:1921px) { /* Stadium */ 
  /* Nest everything into here */
    main { /* Same as before */
        max-width: 1000px !important; /* Same as before */
        margin-right: 100px !important; /* Same as before */
    } /* Same as before*/
}

"""
</style>
"""

```

Remember to close your style tags!

---

_[View the full topic](https://discourse.julialang.org/t/modify-right-margin-in-pluto-notebook/61452)._