Oben und unten
Bilder ober- und unterhalb des Textes sollen nicht mehr als 50% der Seitenbreite einnehmen. Dafür wird das Layout auf Bilder 50% Breite gestellt. In kleineren Viewports nehmen diese Bilder auch die gesamte Breite ein.
Das optimale Bildformat hierfür ist 3:2.
Oben links
Voluptates culpa quidem ab incidunt est consequatur, nostrum, deserunt eius veniam, ea laboriosam excepturi non voluptatem iste! Reprehenderit atque consectetur eaque accusantium, temporibus. Rem beatae aspernatur, minima iure nam quisquam, odit dolorem ducimus repellendus assumenda necessitatibus nihil. Quos voluptatibus deserunt placeat est et vitae consectetur dolor accusamus vel! Sunt consequatur voluptatum omnis ipsum repellat, fugit sint sequi, asperiores iste ad, labore tempora? Quaerat assumenda hic consequatur, inventore eaque, saepe consequuntur voluptatem ut odit optio facere ea, cupiditate tenetur numquam voluptas, reprehenderit sint. Adipisci nostrum rerum amet reiciendis eos harum, pariatur doloremque fugiat.
Oben mitte
Voluptates culpa quidem ab incidunt est consequatur, nostrum, deserunt eius veniam, ea laboriosam excepturi non voluptatem iste! Reprehenderit atque consectetur eaque accusantium, temporibus. Rem beatae aspernatur, minima iure nam quisquam, odit dolorem ducimus repellendus assumenda necessitatibus nihil. Quos voluptatibus deserunt placeat est et vitae consectetur dolor accusamus vel! Sunt consequatur voluptatum omnis ipsum repellat, fugit sint sequi, asperiores iste ad, labore tempora? Quaerat assumenda hic consequatur, inventore eaque, saepe consequuntur voluptatem ut odit optio facere ea, cupiditate tenetur numquam voluptas, reprehenderit sint. Adipisci nostrum rerum amet reiciendis eos harum, pariatur doloremque fugiat.
Oben rechts
Voluptates culpa quidem ab incidunt est consequatur, nostrum, deserunt eius veniam, ea laboriosam excepturi non voluptatem iste! Reprehenderit atque consectetur eaque accusantium, temporibus. Rem beatae aspernatur, minima iure nam quisquam, odit dolorem ducimus repellendus assumenda necessitatibus nihil. Quos voluptatibus deserunt placeat est et vitae consectetur dolor accusamus vel! Sunt consequatur voluptatum omnis ipsum repellat, fugit sint sequi, asperiores iste ad, labore tempora? Quaerat assumenda hic consequatur, inventore eaque, saepe consequuntur voluptatem ut odit optio facere ea, cupiditate tenetur numquam voluptas, reprehenderit sint. Adipisci nostrum rerum amet reiciendis eos harum, pariatur doloremque fugiat.
Unten links
Voluptates culpa quidem ab incidunt est consequatur, nostrum, deserunt eius veniam, ea laboriosam excepturi non voluptatem iste! Reprehenderit atque consectetur eaque accusantium, temporibus. Rem beatae aspernatur, minima iure nam quisquam, odit dolorem ducimus repellendus assumenda necessitatibus nihil. Quos voluptatibus deserunt placeat est et vitae consectetur dolor accusamus vel! Sunt consequatur voluptatum omnis ipsum repellat, fugit sint sequi, asperiores iste ad, labore tempora? Quaerat assumenda hic consequatur, inventore eaque, saepe consequuntur voluptatem ut odit optio facere ea, cupiditate tenetur numquam voluptas, reprehenderit sint. Adipisci nostrum rerum amet reiciendis eos harum, pariatur doloremque fugiat.
Unten mitte
Voluptates culpa quidem ab incidunt est consequatur, nostrum, deserunt eius veniam, ea laboriosam excepturi non voluptatem iste! Reprehenderit atque consectetur eaque accusantium, temporibus. Rem beatae aspernatur, minima iure nam quisquam, odit dolorem ducimus repellendus assumenda necessitatibus nihil. Quos voluptatibus deserunt placeat est et vitae consectetur dolor accusamus vel! Sunt consequatur voluptatum omnis ipsum repellat, fugit sint sequi, asperiores iste ad, labore tempora? Quaerat assumenda hic consequatur, inventore eaque, saepe consequuntur voluptatem ut odit optio facere ea, cupiditate tenetur numquam voluptas, reprehenderit sint. Adipisci nostrum rerum amet reiciendis eos harum, pariatur doloremque fugiat.
Unten rechts
Voluptates culpa quidem ab incidunt est consequatur, nostrum, deserunt eius veniam, ea laboriosam excepturi non voluptatem iste! Reprehenderit atque consectetur eaque accusantium, temporibus. Rem beatae aspernatur, minima iure nam quisquam, odit dolorem ducimus repellendus assumenda necessitatibus nihil. Quos voluptatibus deserunt placeat est et vitae consectetur dolor accusamus vel! Sunt consequatur voluptatum omnis ipsum repellat, fugit sint sequi, asperiores iste ad, labore tempora? Quaerat assumenda hic consequatur, inventore eaque, saepe consequuntur voluptatem ut odit optio facere ea, cupiditate tenetur numquam voluptas, reprehenderit sint. Adipisci nostrum rerum amet reiciendis eos harum, pariatur doloremque fugiat.