title: trouble adding 2 or more images to the pane Javafx
body: <p>I'm programming an easy version of BlackJack in javafx but I lost my road home I guess! I need to show cards in 2 rows when I click hit button.
  How can I add different images in a row when I click a button? I tried to use <code>GridPane</code> and <code>BorderPane</code> but the images are shown at the same place... I know I need a for loop for each time I press the button but I'm not sure how to do it.. I made the same game in java swing and it went well</p>
  <h3>Desired layout</h3>
  <p><a href="https://i.stack.imgur.com/ylHFO.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ylHFO.png" alt="I want something like this" /></a></p>
  <h3>current layout</h3>
  <p><a href="https://i.stack.imgur.com/O3Sjh.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/O3Sjh.png" alt="but in javafx i cant get out of this" /></a></p>
  <p>here is my <code>loadImage</code> method</p>
  <pre><code>    public void ImageloadP(Card xPCard) {
          String xP = xPCard.toString();
          Image card = new Image(&quot;file:/Users/cetabije/Desktop/Apa/src/cards.png/&quot; + xP + &quot;.png&quot;);
          ImageView xPv = new ImageView(card);
          xPv.setFitHeight(140);
          xPv.setFitWidth(95);
          root.getChildren().add(xPv);
      }
  </code></pre>