Neyse, ben şimdilik kendi aldığım bir resimle yaptım. Kodlar:
HTML
<main>
<div class="icerik">
<div class="resim-container">
<img src="https://i2.wp.com/www.geoawesomeness.com/wp-content/uploads/2017/09/Coding-Geospatial.jpg?resize=1152%2C768&ssl=1" class="resim">
</div>
<div class="yazi-container">
<span class="yazi" align="center">
Teklif aldığın hizmet verenlerin kalitesini daha önceki işlerinde aldıkları gerçek müşteri yorumları sayesinde görür, güvenle kararını verirsin.Teklif aldığın hizmet verenlerin kalitesini daha önceki işlerinde aldıkları gerçek müşteri yorumları sayesinde görür, güvenle kararını verirsin.
</span>
</div>
</div>
</main>
CSS
.icerik
{
width: 100vw;
height: 100vh;
display: flex;
flex-direction: row;
justify-content: space-evenly;
align-items: center;
}
.resim-container {
flex: 1;
}
.yazi-container {
flex: 1;
}
.resim {
max-width: 45vw;
}
Burada istediğin özellikleri kendin değiştirebilirsin.
