Hallo Leute,

ich programmiere grade eine Webseite (Brackets/html./css.) und bin soweit mit allem fertig, doch ich hänge noch an folgendem Problem, grade auch weil es ebenfalls auf Mobilgeräten gut aussehen soll:

Ich möchte Produkte auf meiner Webseite präsentieren, dafür soll jedes Produkt ein rundes Produktbild mit einem kurzen, direkt unter dem Produktbild positionieren Text haben. Ich habe schon alles mögliche versucht, aber nichts hat wirklich funktioniert. Obwohl ich viel mit Prozentangaben gearbeitet habe, ist die Ansicht auf Mobilgeräten völlig verzogen gewesen. Ich habe eine Klasse angelegt und in dieser das Bild und den Text bzw. die Liste positioniert. Alles ertmal kein Problem, jedoch alle Klassen auf eine horizontale Ebene zu bekommen und zwischen diesen Elementen den richtigen bzw. gleichen Abstand herzustellen ist mir mit margin oder padding nicht gelungen.

Vielleicht hat hier ja jemand eine Idee wie man die drei Produktbilder mit unterliegenden Textboxen am einfachsten programmiert :)