Keskustelu: Nettisivujen teko: Sisällön laittaminen etusivulle

Hei,

Minulla on lautapelejä sivusto, jo varsin tunnettu, ei siintä sen enempää.

Minulla on tilanne että näitä minun pelejä on alkana valmistumaan ja minulla on mahdollisuus tehdä kuvia ja tekstiä ihan eri tavalla mitä aiemmin.

Minulla on sivuston etusivulla tuollainen 1000 px leveä div ja minä siihen olisin halukas laittamaan pieniä kuvia ja teksti osia ja youtube videoita rinnakkain ja allekkain, olisi tarkoitus siinä divissä kertoa eri peleistä ja tulevaisuuden suunnitelmista.

Kuinka olisi oikein ja parhain käyttää hyödyksi tämä div width 1000 px alue, <table> käyttö on varmaankin liian kömpelöä ja ei taida soveltua ihan jokaiseen ideaan.

Kuinka jaan tekstin ja kuvat tuohon diviin ? minulla ei ole aiempaa kokemus tasoa vastaavasta rinnakkais pikku kuva ja kevyt teksti asetelmasta, aiemmin on kuvat ja tekstit olleet kaikki ihan vaan päällekkäin, nyt olisi kiva myös rinnakkain.

Mitenkä tulisi html kieltä käyttää ?

:) :) :)

--

Kannattaa tutustua Flexboxiin, jolla saa rinnakkain asioita helposti.

<div class="rinnakkain">
    <div>Laatikko 1</div>
    <div>Laatikko 2</div>
    <div>Laatikko 3</div>
</div>

.rinnakkain {
    display: flex;
    flex-direction: row;
}

.rinnakkain > div {
    margin: 1rem;
    border: 1px solid black;
}