Access key value from data

I have the following data in a yaml file.

details:
  location: Amsterdam
  rate: 50 
  openHours: 9.00 A.M - 3.00 P.M
  site: certs.nl
  available: true

I would like to range over this data and print both the key and value of each item, like so:

{{ range .Site.Data.store }}
  <div class = "detail">
    <div class = "detail_title">{{ key  }}</div><div class = "detail_key">{{  value }}</div>
  </div>
{{ end }}

Is this possible in Hugo? Or must I refactor my data?

{{ range $key, $value := .Site.Data.store }}

1 Like

@bep Thanks