Generally we use ems for things so that when text size is made bigger the styling accommodates it, ex. the width of a div. In this case, the padding is for the white space around the panels within the UIO frame. When text size is increased, we don't really want the white space around the panels to grow - there's no need for it to be a relative width here so px suits better.