Haladó Grid Technikák

CSS Grid és Bootstrap Grid együttes használata

Hibrid Grid Rendszer

Dashboard Layout

👥
2,847 Felhasználók
📦
1,438 Termékek
💰
€67.5k Bevétel
📈
92% Növekedés

Bevétel Elemzés

Rendelések Megoszlása

75% Teljesítés

Legutóbbi Rendelések

Rendelés ID Termék Dátum Összeg Státusz Műveletek
#12345
Termék Laptop Pro
2024.01.10 299.990 Ft Készül
#12346
Termék Vezeték nélküli egér
2024.01.09 12.990 Ft Teljesítve
#12347
Termék 4K Monitor
2024.01.08 159.990 Ft Visszautasítva

Masonry Layout

Rövid kártya

Rövid tartalom egy sorban.

Közepes kártya

Hosszabb tartalom, amely több sort is elfoglalhat. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Kép

Magas kártya

Nagyon hosszú tartalom több bekezdéssel. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Kép

További szöveg a kép alatt, hogy még magasabb legyen a kártya.

Kép

Rövid képes kártya

Rövid leírás a kép alatt.

Közepes szöveges kártya

Közepes hosszúságú szöveg, amely kellően magas, de nem túl magas.

2024.01.12 • 5 perc olvasás
Kép

Nagy képes kártya

Hosszabb leírás a nagy kép alatt, amely több részletet is tartalmaz a témáról.

Auto-fill és Auto-fit

Auto-fill

1
2
3
4
5

Auto-fit

1
2
3
4
5

Grid Területek

Fejléc terület

Fő tartalom

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lábléc terület

Komplex Layout

Kiemelt kép

Kiemelt tartalom

Kiemelt tartalom leírása, amely fontosabb információkat tartalmaz.

Kép
Első kártya

Rövid leírás az első kártyához.

Kép
Második kártya

Rövid leírás a második kártyához.

Kép
Harmadik kártya

Rövid leírás a harmadik kártyához.

Kép
Negyedik kártya

Rövid leírás a negyedik kártyához.

Lista nézet

  • 01
    Lista elem címe

    Lista elem rövid leírása vagy tartalma.

  • 02
    Lista elem címe

    Lista elem rövid leírása vagy tartalma.

  • 03
    Lista elem címe

    Lista elem rövid leírása vagy tartalma.