carloshs92

/* one item */
li:first-child:nth-last-child(1) {
/* -or- li:only-child { */
    width: 100%;
}

/* two items */
li:first-child:nth-last-child(2),
li:first-child:nth-last-child(2) ~ li {
    width: 50%;

carloshs92

<Provider store={store}>
  <SWRTC.Provider configUrl={CONFIG_URL} userData={userDataToken} >
    <SWRTC.Connecting configUrl={CONFIG_URL}>
      <Loader size={40} style={{padding: '40px 0'}}/>
    </SWRTC.Connecting>

    <SWRTC.Connected configUrl={CONFIG_URL} userData={userDataToken}>
      {/* Request the user's media */}
      <SWRTC.RequestUserMedia audio={true} video={true} auto={true}/>