title: Layout Managers with icon (gif)
body: <p>Essentially, I am trying to add a home screen with 4 buttons, 3 difficulty buttons and a play button. I add the buttons to a JPanel and add the JPanel with a BoxLayout of Center. Why does the buttons still go all the way off to the right? Setting the icon for a JLabel on and adding it to the home screen JPanel is a possible mess up the flow of components? I want the difficulty buttons to be on top of the of the gif with the Play button at the bottom. Thanks for your help.</p>
  
  <pre><code> //container
      snake = new JFrame();
      snake.setLayout(new BorderLayout());
  
      //home screen panel
      homeScreen = new JPanel();
      homeScreen.setLayout(new BoxLayout(homeScreen, BoxLayout.X_AXIS));
      homeScreen.setPreferredSize(new Dimension(320, 320));
  
      JLabel bg = new JLabel();
      ImageIcon icon = new ImageIcon("HomeBG.gif");
      icon.getImage().flush();
      bg.setIcon(icon);
      homeScreen.add(bg);
  
      easy = new JButton("Easy");
      medium = new JButton("Medium");
      hard = new JButton("Hard");
      play = new JButton("Play");
  
  
     //button listeners code here
  
      homeScreen.add(easy);
      homeScreen.add(medium);
      homeScreen.add(hard);
      homeScreen.add(play);
  
      snake.add(homeScreen, BorderLayout.CENTER);
      snake.setTitle("Snake Game");
      snake.pack();
      snake.setVisible(true);
      snake.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/fGYYy.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/fGYYy.png" alt="GameLayout"></a></p>