body {
  display: flex;
  flex-direction: column;
}

header {
  background-color: #333;
  color: #fff;
  padding: 10px;
  display: flex;
  gap: 10px; /* Adds space between elements */
}

nav {
  flex: 3; /* 75% of the available width */
  display: flex;
  justify-content: flex-start; /* Align buttons to the left */
  gap: 10px;
}

aside {
  flex: 1; /* 25% of the available width */
}



main {
  flex: 3; /* Main content stretches to fill the page */
  display: flex;
  margin: 10px;
  padding: 10px;
}

figure {
  flex: 1;
  margin: 10px;
  padding: 10px;
}