body {
    background-color: #1b1b1d;
    color: #fff;
    font-family: sans-serif;
}

.wrapper {
    padding: 50px;
    min-height: 100%;
}

.container {
    max-width: 1000px;
    margin: 0 auto;
}

.grid {
    margin-bottom: 200px;
    padding-bottom: 200px;
    border-bottom: 10px solid #363636;
    min-height: 100vh;
}

.item {
    border: 5px dashed #555;
    font-size: 40px;
    padding: .8em;
    text-align: center;
}



/* ====================home Task================== */

.grid-1 {
    display: grid;
    grid-template: repeat(3, 1fr) / auto 1fr 1fr 1.3fr;
}

.grid-2 {
    display: grid;
    grid-template: repeat(2, minmax(200px, 400px))/ repeat(6, 1fr);
}