title: Flexbox vs CSS Grid real world example
body: <p>I have read a few posts that say -Flexbox should be used for small scale layout and CSS grid should be used for large layout. e.g.</p>
  
  <p><a href="https://jakearchibald.com/2014/dont-use-flexbox-for-page-layout/" rel="nofollow noreferrer">Don't use flexbox for overall page layout - JakeArchibald.com</a></p>
  
  <p><a href="https://rachelandrew.co.uk/archives/2016/03/30/should-i-use-grid-or-flexbox/" rel="nofollow noreferrer">Should I use Grid or Flexbox? - rachelandrew.co.uk</a></p>
  
  <p>Can anyone share a real-word example where one will be better than other OR one some real world examples which is more natural with one or the other.</p>
  
  <p>Edit: I request to reopen the question, as 1) question itself is very clear from the title. 2) There are articles on web (I noted a couple of them) that aim to clarify the question, but don't 3) The questions marked as duplicate of, are very different from what I asked.</p>