Set image size on desktop, but resize when using mobile

🎈 Using Streamlit
, ,
1

Hello, I adjusted the size of the image for the computer. But when opening the page on a mobile, the size does not adjust.

Is there a way to have an image set to a specific size while using a desktop browser, but have it automatically resize to your screen using a mobile device?

I share my CSS:

.title {
     font-family: 'Roboto'; 
     font-size: 75px;
     font-weight: bold;
     color: #5FB395;

Thanks!!

2

Hi @Cintia-Perez-B

You can look into responsive breakpoints to allow the elements to be automatically resized depending on the width of different devices.

Hope this helps!

3

Thanks! I’ll try with this.

Best regards,
Cintia