Flex container
The <Flex> component is intended for showing multiple images in a responsive layout.
A row layout is used on medium-large viewports (i.e laptops or desktops), and a column on small viewports (i.e mobile devices).
import { Flex } from "~/components";
import { Flex } from "~/components";
{/* Make sure there is a newline between images, or Markdown groups them inside one <p> element. */}
<Flex>
</Flex>
<br />
<Flex>
</Flex>