A flexboxxal ismerkedem es szeretnem a "boxokon" belul ket <p> -t elhelyezni, de vmiert mindig egy sorba rakja. Szoval a <p>-k tartalma megjelenik, de egy sorban vannak "osszenove" Tehat egy <p> lett a kettobol?

Egyrészt a css class nevek és a html classn eveid nem azonosak. Ügyelj a kis és nagybetűkre.

Másrészt a css-ben a class neveket ponttal szokás kezdeni.

Harmadrészt a flex elemeknek (.boxes1) ne állíts be display: flex-et, hacsak nem akarod a <p> elemeket is flexboxként kezelni. Azért teszi egymás mellé őket, mert azokat is flex elemként kezeli, és a default elrendezés szerint egymás után jönnek sorban.

Ajánlom olvasgatásra:

[link]

Nagyon szuper dolgokat lehet csinálni flexbox-szal, de kicsit máshogy gondolkodik, mint azt néha elvárnád, különösen ha méreteket akarsz megadni a belső dobozoknak. Gyakorolj, és menni fog. És mindig használd a böngésződ fejlesztői sávját (Ctrl+Shift+I vagy F12), és ellenőrizd az elemeket a dom struktúrában.

Általában igen. Bár a html5-tel érkeztek olyan specifikus tag-ek, amelyek az egyes főbb szekciókat lefedik, mint a header, footer, main, aside, section, article, ...

De ezeken belül a div tag a legkézenfekvőbb elem, amivel tagolni lehet az egyes belső tereket, és nem ritka az elemeken belüli tagolás akár 5-6 szint mélységig.