# Using CSS media queries within Streamlit?

**URL:** <https://discuss.streamlit.io/t/using-css-media-queries-within-streamlit/48081>\
**Category:** Using Streamlit\
**Tags:** css\
**Created:** [July 27, 2023, 6:23pm UTC](https://discuss.streamlit.io/t/using-css-media-queries-within-streamlit/48081 "2023-07-27T18:23:57Z")\
**Posts on this page:** 1\
**Showing post:** 2

<div class="post-metadata">

**Author:** ![dataprofessor](https://sea2.discourse-cdn.com/streamlit/user_avatar/discuss.streamlit.io/dataprofessor/32/44163_2.png) [@dataprofessor](https://discuss.streamlit.io/u/dataprofessor)\
**Post date:** [August 1, 2023, 9:40am UTC](https://discuss.streamlit.io/t/using-css-media-queries-within-streamlit/48081/2 "2023-08-01T09:40:32Z")

</div>

Hi @wwright

Here are some relevant resources to get you started.

Firstly, I’ve made a video on custom CSS styling of Streamlit app using `st.markdown()`

[![](https://global.discourse-cdn.com/streamlit/original/3X/7/d/7db08c7723624c2b1274e1de7746706f7be78f3f.jpeg "How to apply custom CSS styles in Streamlit apps") ](https://www.youtube.com/watch?v=gr_KyGfO_eU)

@BugzTheBunny create a repo showing various examples of custom CSS styling in a Streamlit app:

> [@Css styling](https://discuss.streamlit.io/t/css-styling/35243/3):
>
> Hi, you are welcome to use my repo as a base example of how to edit the CSS in streamlit -

Also, according to the roadmap there are plans for Visual customization in the latter part of the year:

[https://roadmap.streamlit.app/~/+/#nov-2023-jan-2024](https://roadmap.streamlit.app/~/+/#nov-2023-jan-2024)

Hope this helps!

---

_[View the full topic](https://discuss.streamlit.io/t/using-css-media-queries-within-streamlit/48081)._