Css'de Grid Kullanımında Bir Soru | Cevap #9179

Arkadaşlar merhaba. Bir sorum olacaktı. Şimdi aşağıdaki kodlarla firefox da select-option içinde metin ortalama yapmak istiyorum. Grid yapısını az da olsa kullanabiliyorum ama mantığını anlamaya çalışıyorum. Ben aşağıdaki divlerin hangisinde gird oluştursam ve "justify-content:center" versem olmuyor. Yazıyı ortalayamıyorum. Bir de hepsinde grid oluşturmaya gerek var mı? Bir sürü gereksiz kod olmaz mı bu şekilde

<div class="yazikategorisi-div">
<div class="yazikategorisi-sec">
Yazı Kategorisi Seç
</div>

<select class="yazikategorisi-select">
<option value="">
Kategori Seçiniz
</option>

<option value="Sağlık">
Sağlık Haberleri
</option>
</select>
</div>

.yazieklesayfasi-yazikategorisi-div {
    width:100%;
}

.yazieklesayfasi-yazikategorisi-sec {
    width:100%;
}

.yazieklesayfasi-yazikategorisi-select {
    display: grid;
    grid-template-columns: auto;
    justify-content: center;
    width:50%;
}

.yazieklesayfasi-yazikategorisi-select option {
    display: grid;
    grid-template-columns: auto;
    justify-content: center;
    width:100%;
}