But on mobile I want it to be two across.
Is there a tweak to the CSS I can make to force it to be four across within the DIV?
Code: Select all
<div class='employers-flex'>
<div class='employers-logo'><img src='/images/logo-abk.jpg' alt='logo abk' /></div>
<div class='employers-logo'><img src='/images/logo-angloholt.jpg' alt='angloholt' /></div>
<div class='employers-logo'><img src='/images/logo-cambridgeshire.jpg' alt='cambridgeshire' /></div>
<div class='employers-logo'><img src='/images/logo-camden.jpg' alt='camden' /></div>
</div>
<div class='employers-flex'>
<div class='employers-logo'><img src='/images/logo-enfield.jpg' alt='enfield' /></div>
<div class='employers-logo'><img src='/images/logo-espo.jpg' alt='espo' /></div>
<div class='employers-logo'><img src='/images/logo-greenwich.jpg' alt='greenwich' /></div>
<div class='employers-logo'><img src='/images/logo-harrogate.jpg' alt='harrogate' /></div>
</div>
<div class='employers-flex'>
<div class='employers-logo'><img src='/images/logo-morgan.jpg' alt='morgan' /></div>
<div class='employers-logo'><img src='/images/logo-richmondshire.jpg' alt='richmondshire' /></div>
<div class='employers-logo'><img src='/images/logo-wandsworth.jpg' alt='wandsworth' /></div>
<div class='employers-logo'></div>
</div>