title: show 3 items on owl carousel mobile
body: <p>This is my site that im working on
  <a href="http://coreinfonet.com/mock/index.html" rel="nofollow noreferrer">http://coreinfonet.com/mock/index.html</a></p>
  
  <p>I am trying to get it to display like this in mobile (3 items)
  <a href="https://owlcarousel2.github.io/OwlCarousel2/demos/center.html" rel="nofollow noreferrer">https://owlcarousel2.github.io/OwlCarousel2/demos/center.html</a></p>
  
  <p>i have been trying to tweak both the css and js but couldn't get it working. Not sure if im tweaking the right thing.
  (im not a programmer, just copying codes from here and there)</p>
  
  <p>I've search through the previous posting but couldn't find the any reference that can help. Hope you guys can help. Thank you.</p>