<div class="card">
<div class="card-divider">
<h4>Temperature</h4>
</div>
<div class="card-section">
<%= if @temperature do %>
<div class="grid-x">
<div class="cell auto"><strong>Temperature</strong></div>
<div class="cell auto text-right">
<%= Float.round(@temperature, 2) %>° C
<% else %>
-
<% end %>
<p>No data available</p>