survey-site/views/survey/results.html

<style>
#question-list {
    font-size: 1.1em;
    grid-template-columns: 1fr 60px;
    gap: 10px;
}
</style>


<h1>Results of Survey "{{ .Survey.Title }}"</h1>

<block>
  <p>{{ .Survey.Description }}</p>
  <bar>
  <span>{{ .Survey.Date }}</span> <span>{{ .Survey.State }}</span>
  <span>Respondents: {{ .Survey.Respondents }}</span>
  </bar>
</block>

<h2>Questions</h2>

<grid id="question-list">
  {{ range .Survey.Questions }}
    <label for="question-{{ .Id }}">{{ .Question }}</label>
    <span>{{.Result}}%</span>
  {{ end }}
</grid>

<a href="/">View More Surveys</a>