title: VStack not filling screen width in ScrollView, does fill in List
body: <p>I've created a scrollable list of images as follows:</p>
  
  <pre><code>NavigationView {
      List {
          ForEach(landmarks) { landmark in
              landmark.image(forSize: 200)
                // some modifiers...
      }
      .navigationBarTitle(Text(category.rawValue))
  }
  </code></pre>
  
  <p>This is the UI this code produces:</p>
  
  <p><img src="https://i.stack.imgur.com/ZeI06.png" height="250" /></p>
  
  <p>Now, I'd like to get rid of the line separators that <code>List</code> creates. Therefor, I replaced <code>List</code> with <code>ScrollView</code>. This is what the preview then shows:</p>
  
  <p><img src="https://i.stack.imgur.com/cpfO0.png" height="250" /></p>
  
  <p>How do I fix this?</p>
  
  <p>I've seen <a href="https://stackoverflow.com/q/56514140/3397217">this other similar question</a>, but the accepted answer doesn't actually solve the problem, but introduces a fixed width.</p>