export const layoutWrapper = {
  display: "flex",
  justifyContent: "space-between",
};

export const sideBar = {
  marginLeft: "35px",
  marginTop: "25px",
  order: "1",
  flex: "1 6 25%",
};

export const mainContent = {
  order: "2",
  flex: "3 1 75%",
};
export const layoutWrapper = {
  display: "flex",
  justifyContent: "space-between",
};

export const sideBar = {
  marginLeft: "35px",
  marginTop: "25px",
  order: "1",
  flex: "1 6 35%",
};

export const mainContent = {
  marginTop: "25px",
  order: "2",
  flex: "3 1 65%",
};
Make sidebar wider in 2-column layout
Make sidebar wider in 2-column layout
