Hello Community,
I need some short help. I cannot find any reason why this is happening. I created a new frontend and I created logos with markdown in the cards. I aligned to the center of the card as you can see on this second picture. This looks good but as soon a few minutes left on every device the logo and the title goes to the left. I need to go edit the page and just save it again, does not need to change anything so the code is good, but it keeps happening many times daily.
```background: center / cover no-repeat fixed url('/local/theme/gray.jpg')
views:
- icon: mdi:information-box
badges:
- entity: person.gergo_schwahofer
name: Gergő
- entity: person.szandra_meszaros
name: Szandi
cards:
- type: custom:vertical-stack-in-card
cards:
- type: markdown
content: >-
# <img width="50" height="50" src='/local/dashboard/weather.png'
style='vertical-align:middle' /> Időjárás
style:
.: |
ha-card {
background-color: transparent !important;
box-shadow: none !important;
}
ha-markdown:
$: |
h1 {
font-size: 35px;
font-weight: bold;
text-align: center;
letter-spacing: '-0.02em';
}
img {
vertical-align: -15px;
}
entity: weather.otthon
name: Weather Forecast
- type: weather-forecast
entity: weather.forecast_otthon
secondary_info_attribute: humidity
style:
.: |
ha-card {
background-color: transparent !important;
box-shadow: 2px !important;
}
theme: Caule Black Gray Glass ```