Trouble Applying CSS Media Query in Email Template

Frappe Framework
, ,
1

I’m facing an issue while trying to add a CSS media query to my email template in my_app. I’ve written the template, but for some reason, the media query CSS is not being applied
image

2

The following works for me

<style type="text/css">
@media screen and (max-width:600px) {
h1{
color: red !important;
}
}
</style>
3

@Yamen_Zakhour Thanks, I’ve attempted this approach, but unfortunately, it’s not functioning as expected

4

I am testing using the Notification doctype, im not sure regarding your custom app.