.container {
    max-width:1000px ;
    margin:35px auto;
    display: grid;
    gap: 10px;
    grid-template-columns: 250px minmax(0, 1fr);
    grid-template-rows: ;
}

 body {
    background-color: peru;
    font-family: Georgia, 'Times New Roman', Times, serif;
}

h1 { 
    text-align: center;
    font-family: "Slackey", sans-serif;
    color: rgb(255, 255, 244);
    font-size: 80px ;
}

h2 {
    font-family: Georgia, 'Times New Roman', Times, serif;
    color: #2E3532;

}

ul {list-style-type: none;

}

header {
    grid-row:1 / 2 ;
    grid-column:1 / 3 ;
    
}

nav {
    background-color: rgb(255, 196, 129);
    grid-row: 2 / 3;
    grid-column: 1 / 2;
    height: max-content;
}

main {
    background-color: rgb(255, 196, 129);
    grid-row: 2 / 3;
    grid-column:2 / 3 ;
    height: max-content;
}

footer {
    background-color: rgb(255, 196, 129);
    grid-row: 3 / 4;
    grid-column: 1 / 3;
}

.needle_sizes {
    max-width: 800px;
    margin-left: 50px;
}




<!--.slackey-regular {
  font-family: "Slackey", sans-serif;
  font-weight: 400;
  font-style: normal;
}<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Slackey&display=swap" rel="stylesheet">-->