modified to fixed ratio layout