image layout

src/components/containers/Filler/index.tsx

@@ -0,0 +1,18 @@
+import React, { FC } from 'react';
+import classNames from 'classnames';
+import * as styles from './styles.scss';
+
+type IProps = React.HTMLAttributes<HTMLDivElement>;
+
+export const Filler: FC<IProps> = ({
+  className = '',
+  ...props
+}) => (
+  <div
+    className={classNames(
+      styles.filler,
+      className,
+    )}
+    {...props}
+  />
+);

src/components/containers/Filler/styles.scss

@@ -0,0 +1,3 @@
+.filler {
+  flex: 1;
+}

src/components/containers/Group/styles.scss

@@ -29,7 +29,7 @@
     }
 
     & > * {
-      margin: 0 $gap;
+      margin: 0 $gap / 2;
 
       &:first-child { margin-left: 0; }
       &:last-child { margin-right: 0; }