This example use media queries to re-arrange the images on different screen sizes: for screens larger than 700px wide, it will show four images side by side, for screens smaller than 700px, it will show two images side by side. For screens smaller than 500px, the images will stack vertically (100%).

You will learn more about media queries and responsive web design later in our CSS Tutorial.

Lorem ipsum dolor sit amet consectetur adipisicing elit. Esse architecto, explicabo deleniti sunt magnam repellat beatae, nemo mollitia voluptas velit quis accusamus quas corporis odit perferendis minus blanditiis corrupti fugit?

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Facere maiores illo commodi rerum totam nulla sunt omnis quia porro, reiciendis error illum libero sed, atque voluptate? Numquam corrupti veritatis magnam!

Lorem ipsum dolor sit amet consectetur adipisicing elit. Animi optio ut, itaque vel corrupti eos repudiandae quo numquam cum porro? Blanditiis aliquid illo reiciendis eligendi molestiae consequatur, itaque dolor porro!

Quisquam quasi, voluptate aspernatur laudantium incidunt consectetur magni quos! Soluta sit optio aliquam adipisci voluptatem blanditiis, commodi earum dolorem. Adipisci delectus impedit quidem esse aperiam dolorem possimus omnis necessitatibus recusandae.

Ipsum totam rerum officia veritatis vero minima, repellat, similique maiores iste exercitationem facere nulla aperiam alias rem sed eum id omnis quia at, distinctio ex doloribus aliquam quae dolor? Molestias?

Porro ab ipsa perferendis rerum voluptatum? Sint tempore, vel illo eos distinctio nihil mollitia ipsum doloribus molestias ad dicta beatae quam quo sed nobis necessitatibus? Iste, velit vel? Assumenda, officia?