#one_section {
    margin-top: 150px;
    padding: 0px 75px 50px 75px;
    font-family: "Noto Serif", serif;
}

#about {
    display: grid;
    width: 100%;
    grid-template-columns: 2fr 4fr; /* sol 2 birim, sağ 1 birim */
    grid-template-rows: 1fr 5fr;    /* iki satır eşit yüksek */
    grid-template-areas:
        "foto social"
        "foto context";
    gap: 20px; /* hücreler arası boşluk */
}

#foto {
    grid-area: foto;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

#foto img {
    width: 100%;      /* Konteynerin tamamını kapla */
    height: 100%;
    object-fit: contain; /* Kırpmadan sığdır */
    display: block;
    border-radius: 10px;
}

/* Sağ üst sosyal medya alanı */
#socialmedia {
    grid-area: social;
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 10px;
}

#socialmedia a {
    text-decoration: none;
    color: #2e2f33;
}

#socialmedia a:hover {
    color: teal;
}

/* Sağ alt içerik alanı */
#context {
    grid-area: context;
    padding: 0px;
}

@media (max-width: 992px) {
    #one_section {
        margin-top: 100px;
    }

    #about {
        grid-template-columns: 1fr; /* sol 2 birim, sağ 1 birim */
        grid-template-rows: auto auto auto;    /* iki satır eşit yüksek */
        grid-template-areas:
            "foto"
            "social"
            "context";
    }

    #foto img {
        width: 60%;
    }
}

@media (max-width: 500px) {
    #foto img {
        width: 100%;
        height: auto;   /* Oranlı yüksekliği koru */
        object-fit: cover;
    }
    #one_section {
        padding: 0px 10px 20px 10px;
    }
}