title: Create a responsive loader content
body: <p>I develop a movie application using ReactJS, I have a picture slider similar to Netflix, I want to embed loading content before displaying my slider like you tube which displays gray content before the display videos.</p>
  
  <p>I do not know how to adapt my pre-loading content for all device.</p>
  
  <p>In doing some research, I found the react-content-loader library that allows you to create pre-loading content in SVG format.</p>
  
  <p><a href="https://github.com/danilowoz/react-content-loader" rel="nofollow noreferrer">https://github.com/danilowoz/react-content-loader</a></p>
  
  <p>I managed to recover the size of the window, but as it is SVG, I do not know how to modify it according to the size of the window, unless I create a preloader of different size for each device.</p>
  
  <p>I would like advice on the logic to adopt to achieve this, should I change the size of my loading content according to the size of the window dynamically or can I create a preloading component for each device ?</p>
  
  <p>Thanks for your help</p>