converted product fragment to grid layout