Hocam basit bir kodlama yapıyorum sizin için direkt olarak yapıştırın sonucu görelim, eğer site içinde görünümü bozuyor ise muhtemelen ana kodlar ile çakışan kısımlar vardır.

<div style="display: flex; gap: 10px;">
  <div style="width: 100px; height: 100px; background-color: #FF5733;"></div>
  <div style="width: 100px; height: 100px; background-color: #33FF57;"></div>
  <div style="width: 100px; height: 100px; background-color: #3357FF;"></div>
  <div style="width: 100px; height: 100px; background-color: #FF33A1;"></div>
  <div style="width: 100px; height: 100px; background-color: #FFD133;"></div>
</div>

şu kodları bir deneyip çıktıyı görüntü olarak atar mısınız hocam, daha güzel hale getiririz siz isterseniz. Sonuç güldürsün de gerisi kolay.

Anladığım kadarıyla css kod girmeye izin vermiyor, head kısmına ulaşamıyorsunuz o yüzden bu şekilde kodladım. Eğer head kısmına ulaşabiliyor ve yönetebiliyorsanız direkt .css dosyası yazar divleri tanımlar görünümü ayarlarız. İşinizi fazlasıyla görür.